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

Halo semua, di video kali ini saya membuat tutorial website toko online lengkap dengan admin dan front end nya *) Support this channel & buy me a coffe ☕️: https://saweria.co/zeinplay *) Follow me on Instagram: @zeeeins *) Untuk github source code, silahkan DM instagram Happy coding ! Tech Stack: Next Js React TypeScript Tailwind Css Shadcn/UI Prisma Neon Tech PostgreSQL Clerk *) Link: - https://code.visualstudio.com/download - https://nodejs.org/en/download/prebuilt-installer - https://ui.shadcn.com/docs/installation/next - https://clerk.com/docs/quickstarts/nextjs - 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 🥇