Skip to content

Commit 2d248b1

Browse files
committed
some quick corrections
1 parent 9db6e21 commit 2d248b1

2 files changed

Lines changed: 10 additions & 10 deletions

File tree

content/references/concepts/ssr/ssg.mdx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import {Aside} from '~/components/configurable/Aside'
22

3-
<Title>Server-Side Generation (SSG)</Title>
3+
<Title>Static Site Generation (SSG)</Title>
44

55
<Aside type="advanced">
66
This is a low level API intended for use by library authors. If you would like to use static site generation in your application we suggest making use of [Solid Start](https://start.solidjs.com/getting-started/what-is-solidstart) our meta-framework that makes adding server side rendering to your appkication extremely easy.
@@ -10,23 +10,23 @@ In this section we will be talking about static site generation and how you can
1010

1111
## What is Static Site Generation?
1212

13-
Static site generation is the process of generating a static (never changing) HTML website based on raw data and templates developed using web development frameworks like Solid.js.
13+
Static site generation is the process of generating a static (never changing) HTML website based on raw data through the use of web development frameworks like Solid.js.
1414

1515
Static sites are made up of HTML that loads up the same way every time, in opposition to dynamic website where data on the site can change based on the user input or changes in fetched data.
1616

1717
## How does Solid.js implement SSG?
1818

19-
Solid.js makes use of the [renderToStringAsync](/references/concepts/ssr/async-ssr) function in order to load all the asynchronous data and generate the HTML required.
19+
Solid.js makes use of the [`renderToStringAsync`](/references/concepts/ssr/async-ssr) function in order to load all the asynchronous data and generate the HTML required.
2020

21-
You might be wondering what makes this any different from Async SSR then? Well the key difference between this and Async SSR is that in Async SSR the server runs the Solid.js app while in SSG the output is stored ahead of time and the Solid.js code isn't touched again aside from in build time during updates.
21+
You might be wondering what makes this any different from Async SSR then? Well the key difference between this and Async SSR is that in Async SSR the server runs the Solid.js app while in SSG the Solid.js app is compiled and has it's ouput stored ahead of time. Meaning the Solid.js code isn't touched again aside from in build time during updates.
2222

2323
This might sound a little vague and hard to understand so here's an example of how it looks in action.
2424

2525
## How to use SSG in Solid.js?
2626

27-
<Aside type="general"> This process of implementing SSG in Solid.js is more complicated that implementing any other form of SSR, so please follow along carefully </Aside>
27+
<Aside type="general"> This process of implementing SSG in Solid.js is more complicated when compared to implementing other forms of SSR in Solid.js, so please follow along carefully </Aside>
2828

29-
In order to make use of SSG in Solid.js you'll need to have a bundler that helps in bundling JS code. In this example we will be making use of Rollup.
29+
In order to make use of SSG in Solid.js you'll need to have a compiler that helps in compiling JS code. In this example we will be making use of Rollup.
3030

3131
```js
3232
// rollup.config.js
@@ -83,7 +83,7 @@ export default [
8383
];
8484
```
8585

86-
In the code above we're setting up rollup to help us bundle our code by turning all the jsx we have into compiled javascript that we'll be able to later run using `node`
86+
In the code above we're setting up rollup to help us compile our code by turning all the jsx we have into compiled javascript that we'll be able to later run using `node`
8787

8888
Next let's create our `App.jsx`
8989

@@ -99,7 +99,7 @@ export default function App() {
9999
}
100100
```
101101

102-
Above is a simple component. You can make use of asynchronous data if you would like to since we'll be making use of the `renderToStringAsync` function.
102+
Above is a simple component. You can make use of asynchronous data if you would like to since we'll be making use of the `renderToStringAsync` function all asynchronous data will be fetched and put in place before building the site.
103103

104104
Now we'll be creating an index.js file which rollup will be compiling and turning into a CommonJS file with all the jsx and tsx code transformed, compiled and ready to run.
105105

@@ -141,7 +141,7 @@ renderStatic(
141141

142142
This will help us generate our static files using the `renderStatic` function provided by the `solid-ssr` package.
143143

144-
Now all that's left is to build, run our script and serve our static site.
144+
Now all that's left is to compile our code, run our script and serve our static site.
145145

146146
```bash
147147
npx rollup -c rollup.config.js && node generate.js #compile and generate the site

src/NAV_SECTIONS.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ export const REFERENCE_SECTIONS: SECTIONS = {
7272
link: "/references/concepts/ssr/streaming",
7373
},
7474
{
75-
name: "Server-Side Generation (SSG)",
75+
name: "Static Site Generation (SSG)",
7676
link: "/references/concepts/ssr/ssg",
7777
},
7878
{

0 commit comments

Comments
 (0)