Tutorial Full Stack Website Toko Online + Admin: Next.js, React, Typescript, Prisma 100% GRATIS

Pubblicato il: 16 giugno 2024
sul canale di: ZeinPlay
75,806
3.2k

Halo semua, di video kali ini saya membuat tutorial website toko online lengkap dengan admin dan front end nya.

*) Link download source code & support: https://zeinplay.vercel.app

*) Follow me on Instagram: @zeincode

🔥 Update Terbaru!
Untuk kamu yang sudah membeli source code e-commerce sebelumnya — sekarang sudah tersedia versi terbaru menggunakan Next.js 15!
✨ Lebih cepat, lebih modern, dan siap untuk project kamu selanjutnya.

✅ Bagi yang sudah pernah membeli, bisa langsung download ulang saja — tanpa biaya tambahan.
✅ Buat yang belum punya, ayo dapatkan sekarang dan nikmati akses selamanya.

🚀 Ayo upgrade project-mu ke Next.js 15 sekarang!

Happy coding !

Tech Stack:
Next Js
React
TypeScript
Tailwind Css
Shadcn/UI
Prisma
Neon Tech
PostgreSQL
Clerk

*) Link:
https://zeinplay.vercel.app
https://code.visualstudio.com/download
https://nodejs.org/en/download/prebui...
https://ui.shadcn.com/docs/installati...
https://clerk.com/docs/quickstarts/ne...
https://neon.tech
https://next.cloudinary.dev/installation
https://www.postman.com/downloads
https://vercel.com

*) Timestamps:

00:00 Intro

06:25 Setting Website Admin (Admin)

17:50 Clerk Authentication (Admin)

38:15 Komponen Pembuatan Toko (Admin)

01:02:53 Komponen Form input (Admin)

01:19:50 Backend Prisma, Neon, PostgreSQL (Admin)

01:58:26 Homepage (Admin)

02:19:12 Navbar (Admin)

03:04:53 Settings Toko (Admin)

03:59:51 Hapus Toko (Admin)

04:08:26 Memunculkan Public API (Admin)

04:30:29 Banner (Admin)

04:55:57 Upload Foto Cloudinary (Admin)

05:49:44 Komponen Tabel Data (Admin)

06:39:05 Update Middleware (Admin)

06:43:50 Kategori (Admin)

07:27:44 Produk (Admin)

08:43:06 Membuat Front End (Toko)

09:09:58 Environment Public Api (Toko)

09:26:35 Produk List (Toko)

10:03:32 Produk Individu (Toko)

10:37:08 Fitur Chat Admin (Toko)

10:42:44 Page Kategori Produk (Toko)

10:48:24 Update Kategori API (Admin)

10:55:27 Update Upload Image (Admin)

10:59:07 Preview Produk (Toko)

11:22:09 Deploy Website Melalui Vercel (Admin, Toko)

11:31:03 Update Komponen Banner & Redeploy (Toko)

Inspired by and many thanks to my online teacher ​⁠​⁠​⁠‪@codewithantonio‬ 🥇


In questa pagina del sito puoi guardare il video online Tutorial Full Stack Website Toko Online + Admin: Next.js, React, Typescript, Prisma 100% GRATIS della durata di ore minuti seconda in buona qualità , che l'utente ha caricato ZeinPlay 16 giugno 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 75,806 volte e gli è piaciuto 3.2 mille spettatori. Buona visione!