diff --git a/astro/src/content/docs/extend/examples/progressive-registration.mdx b/astro/src/content/docs/extend/examples/progressive-registration.mdx index 2947a52edc..d4fc56f369 100644 --- a/astro/src/content/docs/extend/examples/progressive-registration.mdx +++ b/astro/src/content/docs/extend/examples/progressive-registration.mdx @@ -67,7 +67,7 @@ apiKey="33052c8a-c283-4e96-9d2a-eb1215c69f8f-not-for-prod" The `fusionAuthURLBackend` variable specifies the internal URL for communication between the web application and the `fusionauth` service within Docker. The `apiKey` variable will be used by the client to communicate with the FusionAuth API. -In the `complete-application/src/index.ts` file, define these variables at the top along with the other definitions for `clientId` and `clientSecret` etc. +At the top of the `complete-application/src/index.ts` file, define the following variables with `clientId`, `clientSecret`, and other related definitions. ```ts if (!process.env.fusionAuthURLBackend) { @@ -99,13 +99,13 @@ const getKey: GetPublicKeyOrSecret = async (header, callback) => { }; ``` -Also update the `client` declaration to use the `apiKey`. +Update the `client` declaration to use the `apiKey`. ```ts const client = new FusionAuthClient(apiKey as string, fusionAuthURLBackend); ``` -Once these changes are made, you can start the application with Docker by running the following command in a terminal within the `complete-application` directory. +Once these changes are made, you can start the application with Docker by running the following command in a terminal from the `complete-application` directory. ```sh docker run --platform=linux/amd64 --rm --network fusionauth_network -p 8080:8080 -v ".:/app" -w "/app" -e "PORT=8080" node:23-bullseye-slim sh -c "npm i && npm run dev" @@ -242,7 +242,7 @@ app.get('/login', (req, res, next) => { }); ``` -Save the changes and navigate to the registration page to view the two-step registration pages, though you will still need to complete a few more steps outlined below before the registration flow actually works. The first step collects the user's first name, last name, and email. +Save the changes and navigate to the registration page to view the two-step registration pages (note that the registration flow won't function before you have completed the steps outlined below). The first step collects the user's first name, last name, and email. <img src="/img/docs/extend/progressive-registration/registration-form-first-step.png" alt="Registration form first step"/>