Skip to content

Commit

Permalink
Revert project creation instructions (keystonejs#6492)
Browse files Browse the repository at this point in the history
* Revert project creation instructions

* Update embedded-mode-with-sqlite-nextjs.mdx

* Update embedded-mode-with-sqlite-nextjs.mdx

* Update embedded-mode-with-sqlite-nextjs.mdx

Co-authored-by: Thomas Walker <bladey@me.com>
  • Loading branch information
raveling and bladey authored Sep 7, 2021
1 parent 962e959 commit 77c6d37
Showing 1 changed file with 7 additions and 13 deletions.
20 changes: 7 additions & 13 deletions docs/pages/docs/walkthroughs/embedded-mode-with-sqlite-nextjs.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -40,19 +40,13 @@ Here's what we're going to do:

## Setup a Next.js app

x> **Warning:** We normally advise to set up a new Next.js app with `yarn create next-app --typescript my-project`, however this will install Next.js `11.x`. This version isn't compatible with this guide until we upgrade Keystone's Next.js internals to `11.x`.

x> To continue, you'll need to use Next.js `10.x` until this upgrade is completed. We've set up a repository below using Next.js `10.x` you can clone in the mean time.

Clone the basic Next.js project below.
Create a basic Next.js project with the `--typescript` option in an empty directory.

```bash
git clone https://github.com/keystonejs/embedded-mode-with-sqlite-nextjs
cd embedded-mode-with-sqlite-nextjs
yarn create next-app --typescript my-project
cd my-project
```

Then run `yarn` to install the dependencies.

!> Keystone 6 has great TypeScript support. Including it in your project will make it easier to use Keystone’s APIs later.

Delete the `/pages/api` directory. We’ll add a GraphQL API later in the tutorial. Your `/pages` directory should now look like this:
Expand All @@ -78,10 +72,10 @@ Now that we have the Next.js starter with static files, let‘s embed Keystone i

### Install dependencies

Add the following Keystone dependencies to your project:
Add the following Keystone dependency to your project:

```bash
yarn add @keystone-next/keystone @keystone-next/fields
yarn add @keystone-next/keystone
```

### Update .gitignore
Expand All @@ -103,8 +97,8 @@ To create and edit blog records in Keystone’s Admin UI, add a `keystone.ts` [c
```tsx
// keystone.ts

import { config, list } from '@keystone-next/keystone/schema';
import { text } from '@keystone-next/fields';
import { config, list } from '@keystone-next/keystone';
import { text } from '@keystone-next/keystone/fields';

const Post = list({
fields: {
Expand Down

0 comments on commit 77c6d37

Please sign in to comment.