Skip to content
Avatar of vercelvercel/next.js

Fauna Starter Kit

A guestbook template for builders to build with Next.js and Fauna.

Framework
Use Case
Database
Fauna Starter

Fauna Guestbook Starter

This Guestbook Application example shows you how to use Fauna in your Next.js project.

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-fauna with-fauna-app
# or
yarn create next-app --example with-fauna with-fauna-app
# or
pnpm create next-app --example with-fauna with-fauna-app

You can start with this template using create-next-app or by downloading the repository manually.

Setting Up Your Fauna Database

Head over to Fauna Dashboard and create a new database. You can name it whatever you want, but for this example, we'll use nextjs-guestbook. Next, create a new collection called Entry in your new database. Finally create a new database access key to connect to your database.

Watch this video to learn how to connect to your database.

Run locally

Install packages, set up if needed, then run the development server:

npm install
npm run dev

Your app should be up and running on http://localhost:3000!

Fauna Starter
Avatar of vercelvercel/next.js

Fauna Starter Kit

A guestbook template for builders to build with Next.js and Fauna.

Framework
Use Case
Database

Fauna Guestbook Starter

This Guestbook Application example shows you how to use Fauna in your Next.js project.

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-fauna with-fauna-app
# or
yarn create next-app --example with-fauna with-fauna-app
# or
pnpm create next-app --example with-fauna with-fauna-app

You can start with this template using create-next-app or by downloading the repository manually.

Setting Up Your Fauna Database

Head over to Fauna Dashboard and create a new database. You can name it whatever you want, but for this example, we'll use nextjs-guestbook. Next, create a new collection called Entry in your new database. Finally create a new database access key to connect to your database.

Watch this video to learn how to connect to your database.

Run locally

Install packages, set up if needed, then run the development server:

npm install
npm run dev

Your app should be up and running on http://localhost:3000!

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential