ajari-starterkit-next

ajari-starterkit-next adalah starter kit untuk memulai proyek dengan Next.js secara cepat dan efisien. Starter kit ini sudah dilengkapi dengan struktur folder yang terorganisir dan konfigurasi dasar untuk mempermudah pengembangan.

✨ Fitur

• Next.js v13
• React v18
• Struktur folder yang rapi
• Contoh halaman, komponen, dan utilitas
• CSS modular siap pakai
• Mudah dikustomisasi

📦 Instalasi

Gunakan perintah berikut untuk memulai:

npx ajari-starterkit-next

Kemudian ikuti petunjuk untuk:

• Memberikan nama project Anda.
• Menghasilkan struktur project baru.
• Menginstal dependensi otomatis.

🚀 Cara Menggunakan

Setelah project berhasil dibuat, masuk ke folder project:

cd [nama-project]

Jalankan server pengembangan:

npm run dev

Akses aplikasi Anda di: http://localhost:3000

🗂️ Struktur Folder

Berikut adalah struktur folder yang dihasilkan oleh starter kit ini:

├── Project/
│   ├── app/
│   ├── assets/
│   ├── components/
│   ├── configs/
│   ├── constants/
│   ├── contexts/
│   ├── hooks/
│   ├── i18n/
│   ├── lib/
│   ├── providers/
│   ├── public/
│   ├── services/
│   ├── stores/
│   ├── translates/
│   ├── types/
│   ├── utils/
│   ├── package.json
│   ├── README.md
│   ├── tsconfig.json
│   └── ...

🛠️ Konfigurasi Tambahan

Menggunakan TypeScript

Jika Anda ingin menggunakan TypeScript, tambahkan file tsconfig.json di root project, lalu jalankan:

npm install --save-dev typescript @types/react @types/node

Jalankan project untuk otomatis mengonversi file ke TypeScript.

Menggunakan Tailwind CSS

Untuk menggunakan Tailwind CSS, instal dependensinya:

npm install tailwindcss postcss autoprefixer
npx tailwindcss init

Konfigurasi tailwind.config.js dan tambahkan import Tailwind di globals.css:

@tailwind base;
@tailwind components;
@tailwind utilities;

🤝 Kontribusi

Jika Anda memiliki ide atau saran, silakan buka issue atau kirimkan pull request.

📄 Lisensi

Starter kit ini dilisensikan di bawah MIT License.

Happy coding! 🎉