Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/maulanasdqn/next13-boilerplate
Next 13 Boilerplate
https://github.com/maulanasdqn/next13-boilerplate
hacktoberfest nextjs13
Last synced: 5 days ago
JSON representation
Next 13 Boilerplate
- Host: GitHub
- URL: https://github.com/maulanasdqn/next13-boilerplate
- Owner: maulanasdqn
- Created: 2023-09-29T17:34:12.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-25T09:14:57.000Z (10 months ago)
- Last Synced: 2024-04-18T06:06:34.929Z (7 months ago)
- Topics: hacktoberfest, nextjs13
- Language: TypeScript
- Homepage: https://vocasia-pos-umkm.vercel.app/
- Size: 12.7 MB
- Stars: 3
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Boilerplate Next.js 13
Selamat datang di Boilerplate Next.js 13! Boilerplate ini menyediakan pengaturan yang terstruktur untuk membangun aplikasi web menggunakan Next.js 13. Ini mencakup berbagai direktori untuk meningkatkan pengorganisasian kode dan pemeliharaan.
## Package yang Digunakan
- NextJs 13 (latest)
- Next-Auth
- Axios
- clsx
- ts-patterns
- Zod
- Tanstack React Query
## Struktur Direktori
Projek ini diorganisir dengan direktori-direktori berikut:
- `app`: Direktori ini berisi file inti aplikasi dan konfigurasi. Ini berfungsi sebagai titik masuk untuk aplikasi Next.js Anda.
- `components`: Di dalam direktori `components`, Anda akan menemukan struktur direktori yang mengikuti metodologi Atomic Design. Di sini Anda mengorganisasi komponen UI Anda, termasuk atom, molekul, organisme, template, dan komponen tingkat lebih tinggi lainnya.
- `entities`: Direktori `entities` dimaksudkan untuk tipe data atau interface yang bersifat domain-specific.
- `libs`: Di direktori `libs`, Anda dapat menempatkan fungsi utilitas, modul pembantu, dan kode lain yang dapat digunakan ulang di seluruh aplikasi.
- `modules`: Direktori `modules` adalah tempat Anda mengenkapsulasi logika, proses bisnis dan komponen berbasis fitur. Setiap modul bisa memiliki subdirektori sendiri, termasuk component, style, dan file lain yang relevan.
- `styles`: Direktori ini dimaksudkan untuk style global, seperti file CSS atau SCSS yang berlaku untuk seluruh aplikasi.
## Getting Started
Ikuti langkah-langkah berikut untuk memulai menggunakan Next.js 13 boilerplate:
1. **Clone repository:**
```
git clone https://github.com/maulanasdqn/next13-boilerplate.git
```
2. **Akses direktori repository:**
```
cd next3-boilerplate
```
3. **Install Package:**
```
npm install
```
```
yarn install
```
```
bun install
```
5. **Jalankan pada server dev local:**
```
npm run dev
```
```
yarn dev
```
```
bun dev
```
Aplikasi akan berjalan di http://localhost:3000.
## Command lain yang tersedia
**Menjalankan test:**
```
npm run test
```
```
yarn test
```
```
bun test
```
```
bun test:run
````
**Menjalankan storybook:**
```
npm run storybook dev
```
```
yarn storybook dev
```
```
bun storybook dev
```