https://github.com/ashubham/admin-dashboard-tailwind-postgres-react-nextjs2
https://github.com/ashubham/admin-dashboard-tailwind-postgres-react-nextjs2
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ashubham/admin-dashboard-tailwind-postgres-react-nextjs2
- Owner: ashubham
- License: mit
- Created: 2023-12-18T23:59:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-18T23:59:36.000Z (over 1 year ago)
- Last Synced: 2024-03-17T23:21:47.647Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://admin-dashboard-tailwind-postgres-react-nextjs2-beige.vercel.app
- Size: 59.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Next.js 14 Admin Dashboard Template
Built with the Next.js App Router
## Overview
This is a starter template using the following stack:
- Framework - [Next.js 14](https://nextjs.org/14)
- Language - [TypeScript](https://www.typescriptlang.org)
- Auth - [NextAuth.js](https://next-auth.js.org)
- Database - [Vercel Postgres](https://vercel.com/postgres)
- Deployment - [Vercel](https://vercel.com/docs/concepts/next.js/overview)
- Styling - [Tailwind CSS](https://tailwindcss.com)
- Components - [Tremor](https://www.tremor.so)
- Analytics - [Vercel Analytics](https://vercel.com/analytics)
- Linting - [ESLint](https://eslint.org)
- Formatting - [Prettier](https://prettier.io)
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, '[email protected]', '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.