Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rahulpeacock/nextjs-stack
A minimal, ready-to-use starter kit for building next.js apps quickly with typescript
https://github.com/rahulpeacock/nextjs-stack
biomejs javascript nextjs14 pnpm react-query reactjs sass shadcn-ui starter-template tailwindcss typescript zustand
Last synced: about 2 months ago
JSON representation
A minimal, ready-to-use starter kit for building next.js apps quickly with typescript
- Host: GitHub
- URL: https://github.com/rahulpeacock/nextjs-stack
- Owner: rahulpeacock
- Created: 2024-09-08T02:37:42.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-10-08T16:11:34.000Z (4 months ago)
- Last Synced: 2024-10-16T18:57:46.189Z (3 months ago)
- Topics: biomejs, javascript, nextjs14, pnpm, react-query, reactjs, sass, shadcn-ui, starter-template, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage:
- Size: 226 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## ⚛️ Next.js Stack
A simple, flexible and batteries-included starter template to kickstart your Next.js project with ease.
#### The Stack includes
- [Typescript](https://www.typescriptlang.org/) for type safe and scalable full-stack app
- [Next.js](https://nextjs.org/) as the react framework
- [React.js](https://react.dev/) as the library for building frontend application
- [Tailwind CSS](https://tailwindcss.com/) for styling
- [Shadcn UI](https://ui.shadcn.com/) as the UI component library
- [Biome](https://biomejs.dev/) for formatting and linting
- [pnpm](https://pnpm.io/) as fast, efficient package-manager
#### Installation
1. Clone the repository ```git clone https://github.com/rahulpeacock/nextjs-stack.git```
2. Navigate to the directory ```cd nextjs-stack```
3. Install dependencies ```pnpm install```
4. Starting the development server ```pnpm dev```
5. This will launch the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
> Make sure you have __Node.js__ and __pnpm__ installed in your machine
#### Project Structure
```
.
├── public
│ └── ...
├── src
│ ├── app
│ │ ├── layout.tsx
│ │ ├── page.tsx
│ │ └── ...
│ ├── client
│ │ ├── providers
│ │ └── store
│ ├── components
│ │ ├── ui
│ │ └── ...
│ ├── lib
│ │ └── utils.ts
│ └── styles
│ └── main.css
├── .env.example
├── .gitignore
├── biome.json
├── components.json
├── next.config.mjs
├── package.json
├── pnpm-lock.yml
├── postcss.config.mjs
├── tailwind.config.ts
└── tsconfig.json
```
#### Support & Contribute
If you found this project helpful or enjoyed using it, please consider giving it a ⭐️ on GitHub! It helps others find the project and motivates us to keep improving.