Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hungds99/nextjs-admin-dashboard
A Next.js admin dashboard with TypeScript and Tailwind CSS.
https://github.com/hungds99/nextjs-admin-dashboard
admin-dashboard nextjs tailwindcss typescript
Last synced: 3 days ago
JSON representation
A Next.js admin dashboard with TypeScript and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/hungds99/nextjs-admin-dashboard
- Owner: hungds99
- Created: 2024-10-26T09:50:49.000Z (19 days ago)
- Default Branch: main
- Last Pushed: 2024-11-04T07:11:06.000Z (10 days ago)
- Last Synced: 2024-11-04T08:20:18.600Z (10 days ago)
- Topics: admin-dashboard, nextjs, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://nextjs-admin-dashboard-sigma-six.vercel.app
- Size: 605 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NextJS + TypeScript + Tailwind CSS
### Description:
**Next.js TypeScript Boilerplate**
A highly scalable and well-structured boilerplate for building modern web applications with [Next.js](https://nextjs.org/) and TypeScript. This setup includes essential features for development efficiency and performance optimization.
### Key Features:
- ⚡️ **Fast and optimized**: Uses Next.js for server-side rendering, static generation, and dynamic routing.
- 🔄 **Type-safe**: Written in TypeScript for reliable, type-safe development.
- 🛠 **Pre-configured with ESLint and Prettier**: Enforcing consistent code quality.
- 🚀 **Tailwind CSS included**: Rapid UI development with utility-first CSS framework.
- 📦 **Ready-to-deploy**: Built-in support for Vercel or any other deployment platform.
### Tech Stack:
- Next.js
- TypeScript
- Tailwind CSS
- ESLint, Prettier
### How to Get Started
Follow these steps to get the Next.js TypeScript boilerplate up and running locally:
#### 1. Clone the repository:
```bash
git clone https://github.com/hungds99/nextjs-typescript-boilerplate.git
```
#### 2. Navigate into the project directory:
```bash
cd nextjs-typescript-boilerplate
```
#### 3. Install dependencies:
Make sure you have **Node.js** installed on your machine. Then, run the following command to install the required dependencies:
```bash
npm install
```
#### 4. Start the development server:
Run the following command to start the server locally:
```bash
npm run dev
```
This will start the development server on `http://localhost:3000`. You can open this URL in your browser to see the app running.
#### 5. Build for production (optional):
When you're ready to build for production, use the following command:
```bash
npm run build
```
This will create an optimized production build.
#### 6. Deploy the app:
You can deploy the app to [Vercel](https://vercel.com), [Netlify](https://www.netlify.com), or any other platform that supports Next.js. For Vercel, you can simply link your GitHub repository, and it will handle the rest.
## Contributing
Contributions are welcome! If you'd like to contribute, feel free to fork the repository and submit a pull request.