Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jhostyn-2003/dashboard-nextjs
https://github.com/jhostyn-2003/dashboard-nextjs
Last synced: 28 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/jhostyn-2003/dashboard-nextjs
- Owner: Jhostyn-2003
- Created: 2024-04-16T00:53:41.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-04-24T21:57:33.000Z (8 months ago)
- Last Synced: 2024-04-25T22:04:38.616Z (8 months ago)
- Language: TypeScript
- Homepage: https://dashboard-nextjs-snowy-two.vercel.app
- Size: 2.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js App Router Course - Starter
![Dashboard](dashboard.gif)
This is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application, showcasing best practices for creating a dashboard with login functionality.
## Technologies Used
- React ⚛️
- TypeScript 🟦
- CSS 🎨
- JavaScript 🚀
- Tailwind CSS 🌈
- Auth.js 🔐
- Next.js 🚦
- Vercel 🚀## Getting Started
To get started with the project, follow these steps:1. Clone the repository.
2. Install dependencies using `npm install`.
3. Start the development server using `npm run dev`.## Features
- Login functionality with email and password authentication.
- Dashboard layout with a responsive design.
- Use of Tailwind CSS for styling.
- Next.js for server-side rendering and routing.
- Deployment on Vercel for easy hosting.## Demo
You can view a live demo of the application [here](https://dashboard-nextjs-snowy-two.vercel.app/).
| Desktop | Mobile |
|----------------------------------------------|---------------------------------------------|
| ![Desktop](/public/hero-desktop.png) | ![Mobile](/public/hero-mobile.png) |## Login Credentials
To login to the application, use the following credentials:- Email: [email protected]
- Password: 123456## Course Curriculum
For more information, see the [course curriculum](https://nextjs.org/learn) on the Next.js Website.---
Feel free to contribute to the project and improve it further! If you have any questions or feedback, please create an issue or reach out to us.
---