https://github.com/dev-eranda/nextjs-dashboard
Built a dashboard app using Next.js and SQL (to learn Server-Side Rendering)
https://github.com/dev-eranda/nextjs-dashboard
fullstack-development nextauthjs nextjs postgresql tailwind-css zod-validation
Last synced: about 2 months ago
JSON representation
Built a dashboard app using Next.js and SQL (to learn Server-Side Rendering)
- Host: GitHub
- URL: https://github.com/dev-eranda/nextjs-dashboard
- Owner: dev-eranda
- Created: 2024-08-08T11:59:57.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T07:40:32.000Z (2 months ago)
- Last Synced: 2025-03-24T08:36:08.753Z (2 months ago)
- Topics: fullstack-development, nextauthjs, nextjs, postgresql, tailwind-css, zod-validation
- Language: TypeScript
- Homepage: https://nextjs-dashboard-one-orpin-46.vercel.app
- Size: 984 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Dashboard Application
**Web Application:** [Click here to view the demonstration application](https://nextjs-dashboard-one-orpin-46.vercel.app/)
## Project Background and Overview
Project is built using Next.js, a robust and modern framework designed to enhance the development of scalable, high-performance web applications. Next.js provides a comprehensive suite of features that allow us to build an optimized and seamless user experience while maintaining developer efficiency
## Project Goals
The main objectives of this application are to:
1. Implement secure user authentication using NextAuth.js
2. Optimize images and fonts for better performance
3. Use static and dynamic rendering for scalability
4. Add robust error handling and custom error pages
5. Focus on performance optimization and fast load times
## Technical Details
Core technologies used:
- **React, Next.js, NextAuth.js, TypeScript, Tailwind CSS**
## Configuration
1. Set up environment variables:
```sh
DATABASE_URL = postgresql_database_url
AUTH_SECRET = nextauth_secret_key
```
## Installation
1. Clone repository:
```sh
git clone https://github.com/dev-eranda/nextjs-dashboard.git
2. Install dependencies:
```sh
npm i
3. Start development server:
```sh
npm dev
- **Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.**