-
Notifications
You must be signed in to change notification settings - Fork 229
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1792 from appwrite/update-next-quickstart
docs: Update Next quick start with project setup instructions
- Loading branch information
Showing
1 changed file
with
13 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -19,7 +19,7 @@ Head to the [Appwrite Console](https://cloud.appwrite.io/console). | |
|
||
If this is your first time using Appwrite, create an account and create your first project. | ||
|
||
Then, under **Add a platform**, add a **Web app**. The **Hostname** should be `localhost`. | ||
Then, under **Add a platform**, add a **Web app**. The **Hostname** should be `localhost`. | ||
|
||
{% only_dark %} | ||
 | ||
|
@@ -32,11 +32,21 @@ You can skip optional steps. | |
|
||
{% /section %} | ||
{% section #step-2 step=2 title="Create Next.js project" %} | ||
Create a Next.js project and create a **JavaScript** Next.js project. | ||
Create a Next.js project by running the following command: | ||
|
||
```sh | ||
npx create-next-app@latest && cd my-app | ||
``` | ||
|
||
When prompted, configure your project with these recommended settings: | ||
- **Would you like to use TypeScript?** → No | ||
- **Would you like to use ESLint?** → Yes | ||
- **Would you like to use Tailwind CSS?** → No (unless you plan to use it) | ||
- **Would you like to use `src/` directory?** → Yes/No (either works for this tutorial) | ||
- **Would you like to use App Router?** → Yes | ||
- **Would you like to customize the default import alias?** → No | ||
|
||
These settings will create a minimal Next.js setup that's perfect for getting started with Appwrite. | ||
{% /section %} | ||
{% section #step-3 step=3 title="Install Appwrite SDK" %} | ||
|
||
|
@@ -47,7 +57,7 @@ npm install [email protected] | |
``` | ||
{% /section %} | ||
{% section #step-4 step=4 title="Define Appwrite service" %} | ||
Find your project's ID in the **Settings** page. | ||
Find your project's ID in the **Settings** page. | ||
|
||
{% only_dark %} | ||
 | ||
|