Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/shoaib-fateh/nextjs-dashboard
sleek, responsive dashboard built with Next.js, TypeScript, and Tailwind CSS. It features secure authentication, smooth pagination, and a modern design, making it an ideal starting point for web applications. Check out the live demo to explore its capabilities.
https://github.com/shoaib-fateh/nextjs-dashboard
auth javascript next nextjs nextjs14 react typescript
Last synced: about 2 months ago
JSON representation
sleek, responsive dashboard built with Next.js, TypeScript, and Tailwind CSS. It features secure authentication, smooth pagination, and a modern design, making it an ideal starting point for web applications. Check out the live demo to explore its capabilities.
- Host: GitHub
- URL: https://github.com/shoaib-fateh/nextjs-dashboard
- Owner: shoaib-fateh
- Created: 2024-08-17T08:45:01.000Z (4 months ago)
- Default Branch: master
- Last Pushed: 2024-08-20T12:00:30.000Z (4 months ago)
- Last Synced: 2024-10-29T23:07:53.734Z (about 2 months ago)
- Topics: auth, javascript, next, nextjs, nextjs14, react, typescript
- Language: TypeScript
- Homepage: https://myacme-dashboard.vercel.app/
- Size: 972 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🚀 Next.js - ACEM Dashboard
Welcome to **ACEM Dashboard**, a personal project by Shoaib Fateh. This is a dynamic and modern dashboard built with **Next.js**, **TypeScript**, and **Tailwind CSS**. It’s designed to be a powerful starting point for web applications and showcases some of the latest features of Next.js.
## 🌟 Project Highlights
- **Authentication**: Secure sign-in implemented with `auth.ts`.
- **Pagination**: Smoothly navigate through data with built-in pagination.
- **Responsive Design**: Built with Tailwind CSS to ensure a responsive and user-friendly experience.
- **TypeScript**: Utilizes TypeScript for enhanced code quality and development efficiency.
#### [Live Demo](https://myacme-dashboard.vercel.app/) / Default Email And Password:
- Email: ``` [email protected] ```
- Password: ``` 123456 ```
## 🚀 Getting Started
To get started with this project, follow these steps:
1. **Clone the Repository**:
```bash
git clone https://github.com/shoaib-fateh/nextjs-dashboard.git
cd nextjs-dashboard
```
2. **Install Dependencies**:
```bash
pnpm install
```
3. **Create a `.env` file**:
Copy the `.env.example` file and rename it to `.env`. Configure it with the required environment variables.
4. **Run the Development Server**:
```bash
pnpm dev
```
Navigate to [http://localhost:3000](http://localhost:3000) to view the dashboard in action.
## 🌐 Deployment
The project is deployed and accessible at [myacme-dashboard.vercel.app](https://myacme-dashboard.vercel.app/). Check it out to see the live version!
## 🤝 Contributing
I welcome contributions from the community! Here’s how you can get involved:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/AmazingFeature`).
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).
4. Push to the branch (`git push origin feature/AmazingFeature`).
5. Open a pull request.
Your contributions, whether it's fixing bugs, suggesting features, or improving documentation, are highly appreciated!
## 🛡️ License
This project is licensed under the MIT License. See the `LICENSE` file for details.
## 💬 Connect with Me
Feel free to reach out if you have any questions or just want to connect:
- **Telegram**: [@shoaibfateh21](https://t.me/shoaibfateh21)
- **GitHub**: [shoaib-fateh](https://github.com/shoaib-fateh)
---
Thank you for exploring the ACEM Dashboard! 🎉 I’m excited to see what we can build together.
---