Website-Online-Store-dengan-Next-JS-ADMIN- Tailwind Templates

Website Online Store Dengan Next Js Admin

Repository ini berisi panel admin untuk mengelola toko e-commerce, dibangun dengan Next.js, Prisma, Tailwind CSS, Shadcn UI, dan Clerk Authentication. Dengan panel ini, admin dapat mengelola produk, kategori, banner, serta pengaturan toko melalui antarmuka yang modern dan responsif.

šŸ›ļø Next.js E-Commerce Admin Panel

šŸš€ Introduction

Ini adalah panel admin untuk mengelola produk, kategori, banner, serta pengaturan toko dalam aplikasi E-Commerce yang dibangun menggunakan Next.js, Prisma, Tailwind CSS, Clerk Authentication, dan Shadcn UI.


šŸŽÆ Features

🌟 Website Admin

āœ… Category & API - Mengelola kategori produk.
āœ… Data Banner & API - Menampilkan dan mengedit banner promosi.
āœ… Main Page Admin - Dashboard admin untuk memantau toko.
āœ… Menambahkan Banner - Upload banner promosi baru.
āœ… Menambahkan Kategori - Tambahkan kategori baru untuk produk.
āœ… Menambahkan Produk - Upload produk dengan gambar, harga, dan kategori.
āœ… Pengaturan Toko - Mengubah pengaturan toko seperti nama, logo, dan lainnya.
āœ… Produk & API - Mengelola daftar produk dan API terkait.


šŸ“ø Screenshots

šŸ”¹ Website Admin



šŸ› ļø Tech Stack

  • Next.js - Framework frontend & backend dalam satu stack.
  • Prisma - ORM untuk mengelola database.
  • Tailwind CSS - Styling yang cepat dan responsif.
  • Shadcn UI - UI components yang mudah digunakan dan stylish.
  • Clerk - Otentikasi pengguna admin.
  • Cloudinary - Penyimpanan gambar produk.

āš™ļø Installation & Setup

1ļøāƒ£ Clone Repository

git clone https://github.com/username/reponame.git
cd reponame/website-admin

2ļøāƒ£ Install Dependencies

npm install

3ļøāƒ£ Setup Environment Variables

Buat file .env.local dan tambahkan konfigurasi berikut:

DATABASE_URL=your_database_url
NEXT_PUBLIC_CLERK_FRONTEND_API=your_clerk_api
NEXT_PUBLIC_CLOUDINARY_URL=your_cloudinary_url

4ļøāƒ£ Run the Development Server

npm run dev

Akses di http://localhost:3000


šŸ“œ License

Proyek ini menggunakan lisensi MIT.

šŸ’™ Dibuat dengan semangat oleh [Nama Anda]!


---

šŸ’” **Catatan:**  
- **Ganti `USERNAME/REPO`** dengan username dan nama repository GitHub-mu.  
- **Ganti `your_database_url`**, `your_clerk_api`, dan `your_cloudinary_url` dengan konfigurasi yang sesuai.  
- Pastikan folder **`/screenshots/`** memiliki gambar yang disebutkan dalam README.  

šŸ”„ **Sekarang saatnya buat README untuk Website Toko!** šŸš€

Top categories

tailwind logo

Need a Tailwind website built?

Hire a professional TailwindCSS developer today.
Loading Svelte Themes