/appwrite-nextjs-demo

Appwrite NextJS Demo

Primary LanguageTypeScriptMIT LicenseMIT

Appwrite NextJS Demo

This is a demo project for Appwrite and NextJS integration.

Setting up project

1. Clone the project

git clone https://github.com/SanjayDevTech/appwrite-nextjs-demo 

2. Choose the node package manager

  • npm
  • yarn
  • pnpm

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Open the project

Open http://localhost:3000 with your browser to see the result.

Setting up Appwrite

0. Up and running Appwrite

Follow the Appwrite installation guide to get Appwrite up and running on your machine.

1. Create a project

Create a new project in Appwrite console.

2. Create a database

Create a new database in Appwrite console.

3. Create a collection

Create a new collection in Appwrite console.

With permission:

  • users:
    • create
    • read

With Attribute:

  • author: string, required
  • content: string, required
  • image: string, required

With index:

  • content: fulltext

4. Create a storage bucket

Create a new storage bucket in Appwrite console.

With permission:

  • users:
    • create
    • read

Configure Appwrite in the project

1. Create a .env.local file

Create a new file named .env.local in the root of the project. Use sample.env as a reference.

2. Get the Appwrite project details

Go to the Appwrite console and get the following details from the project you created.

  • endpoint
  • project id
  • database id
  • collection id
  • bucket id