diff --git a/docs/docs/tutorial/part-1/index.mdx b/docs/docs/tutorial/part-1/index.mdx index 2ae2fc217dc5e..ba79c10f32f0a 100644 --- a/docs/docs/tutorial/part-1/index.mdx +++ b/docs/docs/tutorial/part-1/index.mdx @@ -58,7 +58,7 @@ To create your first Gatsby site, you're going to use a command from the Gatsby -**Note:** For this Tutorial, your Gatsby CLI should be v3 or newer. To check what version you have installed, run the following command: +**Note:** For this Tutorial, your Gatsby CLI should be v4.8 or newer. To check what version you have installed, run the following command: ```shell gatsby --version @@ -106,7 +106,21 @@ What would you like to name the folder where your site will be created? ✔ Desktop/ my-first-gatsby-site ``` -5. When the prompt asks, **"Will you be using a CMS?"** select **"No (or I'll add it later)"**. +5. When the prompt asks, **"Will you be using JavaScript or TypeScript?"** choose **JavaScript**. + +```shell +Will you be using JavaScript or TypeScript? +❯ JavaScript + TypeScript +``` + + + +This tutorial doesn't require any prior TypeScript knowledge as it uses JavaScript. If you're familiar with TypeScript you can read the [Gatsby and TypeScript guide](/how-to/custom-configuration/typescript/) to learn about typings, files, and conventions. If you want to use TypeScript we recommend going through the tutorial first and then only afterwards convert the project to TypeScript. + + + +6. When the prompt asks, **"Will you be using a CMS?"** select **"No (or I'll add it later)"**. ```shell ✔ Will you be using a CMS? @@ -121,21 +135,21 @@ But in this first site, you'll set things up manually to learn about how Gatsby' -6. When the prompt asks, **"Would you like to install a styling system?"** select **"No (or I'll add it later)"**. (You'll add styles manually later.) +7. When the prompt asks, **"Would you like to install a styling system?"** select **"No (or I'll add it later)"**. (You'll add styles manually later.) ```shell ✔ Would you like to install a styling system? · No (or I'll add it later) ``` -7. When the prompt asks, **"Would you like to install additional features with other plugins?"** use the arrow and Enter keys to select **"Done"**. +8. When the prompt asks, **"Would you like to install additional features with other plugins?"** use the arrow and Enter keys to select **"Done"**. ```shell ✔ Would you like to install additional features with other plugins? · Done ``` -8. The prompt will show you a summary of what `gatsby new` will do. It should look something like the output below. +9. The prompt will show you a summary of what `gatsby new` will do. It should look something like the output below. ```shell Thanks! Here's what we'll now do: @@ -146,7 +160,7 @@ Thanks! Here's what we'll now do: ? Shall we do this? (Y/n) › Yes ``` -9. When the prompt asks, **"Shall we do this?"** enter **"Y"**. The `gatsby new` command will start building your site. Your internet download speed will affect how long this command takes to run. After it finishes, you should see a message like this: +10. When the prompt asks, **"Shall we do this?"** enter **"Y"**. The `gatsby new` command will start building your site. Your internet download speed will affect how long this command takes to run. After it finishes, you should see a message like this: ```shell 🎉 Your new Gatsby site My First Gatsby Site has been successfully