Atemndobs/nextoolkit

TypeScriptMIT

Next Start

A basic Next.js starter.

Next Start
- Stack
- Branches
- Setup
- Resources

Stack

Linting / Code Style
- eslint
- prettier
  - @trivago/prettier-plugin-sort-imports
  - prettier-plugin-tailwindcss
    - Automatic Class Sorting
Environment Variables
Styles / UI
Validation
Forms
- @conform-to/react
Database
Authentication
- next-auth
- @auth/drizzle-adapter
  - Auth.js Drizzle Adapter Documentation

Branches

The main branch contains the entire setup. The following branches build on each other from top to bottom:

base
- eslint / prettier settings
nextui
- layout / styles
- dark / light theme toggle
typesafe-env
- typesafe environment variables
next-auth
- google oauth with no database
drizzle / main
- basic drizzle schema with users / accounts / sessions

Setup

Install dependencies:

pnpm install

Copy the .env file:

cp .env.example .env

Update the following values in the .env file:

NEXTAUTH_SECRET=your-value-here
GOOGLE_CLIENT_ID=your-value-here
GOOGLE_CLIENT_SECRET=your-value-here

Start the database:

docker compose up

Migrate the database:

pnpm run db:migrate

Start the app:

pnpm run dev

Resources