Skip to content
Avatar of vercelvercel/nextjs-postgres-nextauth-tailwindcss-template

Admin Dashboard Template

Tailwind CSS, Postgres, and Auth set up.

Framework
Use Case
Admin Dash Template

Overview

This is a starter template using the following stack:

This template uses the new Next.js App Router. This includes support for enhanced layouts, colocation of components, tests, and styles, component-level data fetching, and more.

Getting Started

During the deployment, Vercel will prompt you to create a new Postgres database. This will add the necessary environment variables to your project.

Inside the Vercel Postgres dashboard, create a table based on the schema defined in this repository.

CREATE TABLE users (
  id SERIAL PRIMARY KEY,
  email VARCHAR(255) NOT NULL,
  name VARCHAR(255),
  username VARCHAR(255)
);

Insert a row for testing:

INSERT INTO users (id, email, name, username) VALUES (1, 'me@site.com', 'Me', 'username');

Finally, run the following commands to start the development server:

pnpm install
pnpm dev

You should now be able to access the application at http://localhost:3000.

Admin Dash Template
Avatar of vercelvercel/nextjs-postgres-nextauth-tailwindcss-template

Admin Dashboard Template

Tailwind CSS, Postgres, and Auth set up.

Framework
Use Case

Overview

This is a starter template using the following stack:

This template uses the new Next.js App Router. This includes support for enhanced layouts, colocation of components, tests, and styles, component-level data fetching, and more.

Getting Started

During the deployment, Vercel will prompt you to create a new Postgres database. This will add the necessary environment variables to your project.

Inside the Vercel Postgres dashboard, create a table based on the schema defined in this repository.

CREATE TABLE users (
  id SERIAL PRIMARY KEY,
  email VARCHAR(255) NOT NULL,
  name VARCHAR(255),
  username VARCHAR(255)
);

Insert a row for testing:

INSERT INTO users (id, email, name, username) VALUES (1, 'me@site.com', 'Me', 'username');

Finally, run the following commands to start the development server:

pnpm install
pnpm dev

You should now be able to access the application at http://localhost:3000.

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential