diff --git a/examples/form-builder/cms/README.md b/examples/form-builder/cms/README.md index 8914c03598..96445c9673 100644 --- a/examples/form-builder/cms/README.md +++ b/examples/form-builder/cms/README.md @@ -15,7 +15,7 @@ This is an example repo for a CMS built with [Payload](https://payloadcms.com). ## Frontend Development -Clone the [frontend](https://github.com/payloadcms/form-builder-example-website) and follow the instructions there to get started. You can use this repo as a backend for the frontend and see for yourself how it all works together. +There is a fully working Next.js app tailored specifically for this example which can be found [here](../nextjs). Follow the instructions there to get started. You can use this repo as a backend for the frontend and see for yourself how it all works together. ## Usage diff --git a/examples/form-builder/nextjs/README.md b/examples/form-builder/nextjs/README.md index 34f7fb1e84..f8f5943c58 100644 --- a/examples/form-builder/nextjs/README.md +++ b/examples/form-builder/nextjs/README.md @@ -8,28 +8,15 @@ This example repo was made explicitly to demonstrate the power and convenience o ### Payload CMS -First you'll need a running CMS. If you have not done so already, [clone the CMS repo](https://github.com/payloadcms/form-builder-example-cms) and follow the setup instructions. Take note of your server URL, you'll need this in the next step. +First you'll need a running CMS. If you have not done so already, open up the `cms` folder and follow the setup instructions. Take note of your server URL, you'll need this in the next step. ### Next.js App -First, get your environment setup: - -1. First copy the example `.env` file as your own: - ```bash - cp .env.example .env - ``` -1. Then open the `.env` file and paste your Payload server URL: - ```bash - NEXT_PUBLIC_CMS_URL=http://localhost:8000 - ``` - -First, run the development server: - -```bash -npm run dev -# or -yarn dev -``` +1. Clone this repo +2. `cd` into this directory and run `yarn` or `npm install` +3. `cp .env.example .env` to copy the example environment variables +4. `yarn dev` or `npm run dev` to start the server +5. `open http://localhost:3000` to see the result Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.