diff --git a/src/pages/[platform]/start/quickstart/index.mdx b/src/pages/[platform]/start/quickstart/index.mdx index 1ed865d11c5..73391c95cd2 100644 --- a/src/pages/[platform]/start/quickstart/index.mdx +++ b/src/pages/[platform]/start/quickstart/index.mdx @@ -46,7 +46,7 @@ export function getStaticProps(context) { ## Create project -Create a new Vanilla JavaScript app with vite using the following commands, create the directory (`amplify-js-app`) and files for the app. +Create a new Vanilla JavaScript app with vite using the following commands. It will create the directory (`amplify-js-app`) and files for the app. Make sure to select the "Vanilla" framework with the "TypeScript" variant to follow along this quickstart guide. ```bash npm create vite@latest @@ -92,11 +92,11 @@ Add the following to the `index.html` file: ``` -Add the following to `style.css` file: +Add the following to `src/style.css` file: {/* cSpell:disable */} -```css title="style.css" +```css title="src/style.css" body { margin: 0; background: linear-gradient(180deg, rgb(117, 81, 194), rgb(255, 255, 255)); @@ -165,8 +165,6 @@ a { ``` {/* cSpell:enable */} -In `main.js` remove the boilerplate code and leave it empty. Then refresh the browser to see the changes. - ## Create Backend The easiest way to get started with AWS Amplify is through npm with `create-amplify` command. You can run it from your base project directory. @@ -215,7 +213,7 @@ Once the sandbox environment is deployed, it will create a GraphQL API, database ## Connect frontend to backend -The initial scaffolding already has a pre-configured data backend defined in the `amplify/data/resource.ts` file. The default example will create a Todo model with `content` field. Update your main.js file to create new to-do items. +The initial scaffolding already has a pre-configured data backend defined in the `amplify/data/resource.ts` file. The default example will create a Todo model with `content` field. Update your main.ts file to create new to-do items. ```typescript title="src/main.ts" import { generateClient } from "aws-amplify/data";