Category: React.js
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-6-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover.png&w=3840&q=75)
Part 6 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Tambah Products dengan Supabase Storage
Tambahkan fungsi tambah product, upload gambar product ke supabase storage hingga pelajari mutasi pada RTK Query
25 September 2023 - React.js, Nextjs, Typescript, Prisma, Supabase, Postgre SQL, Antd Design, Datatable
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-5-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover3.png&w=3840&q=75)
Part 5 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Product Datatables Server Side
Tampilkan product yang kamu miliki menggunakan datatable server side, pelajari pembuatan API dan UI hingga RTK Query disaat bersamaan!!!
14 September 2023 - React.js, Nextjs, Typescript, Prisma, Supabase, Postgre SQL, Antd Design, Datatable
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-4-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover.png&w=3840&q=75)
Part 4 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Generate Data Dummy & Update Schema
Generate data dummy secara otomatis menggunakan Faker.js agar tidak capek input manual lagi
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-3-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover.png&w=3840&q=75)
Part 3 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Setup Layout Landing & Dashboard
Layouting aplikasimu agar lebih mudah dalam navigasi
11 September 2023 - React.js, Nextjs, Typescript, Prisma, Supabase, Postgre SQL, Antd Design, Next Auth
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-2-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover.png&w=3840&q=75)
Part 2 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Login & Register menggunakan Next Auth
Proteksi aplikasimu menggunakan Next Auth dan kustomisasi login/register semaumu
10 September 2023 - React.js, Nextjs, Typescript, Prisma, Supabase, Postgre SQL, Antd Design, Next Auth
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-1-tutorial-nextjs-13-typescript-ecommerce-cart-dengan-payment-gateway-antd-supabase-redux-toolkit-next-auth-postgre-sql-prisma%2Fcover.png&w=3840&q=75)
Part 1 - Tutorial Next.js 13 Typescript Ecommerce Cart dengan Payment Gateway - Setup Project & Instalasi Services
Setup project & services yang akan digunakan mulai dari setup Database hingga UI component
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-3-tutorial-gis-interaktif-menggunakan-laravel-inertia-react%2Fcover.png&w=3840&q=75)
Part 3 - Tutorial GIS Interaktif Menggunakan Laravel Inertia & React - CRUD - Create, Update & Delete
Tambahkan fungsi Create, Update & Delete
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-2-tutorial-gis-interaktif-menggunakan-laravel-inertia-react%2Fcover.png&w=3840&q=75)
Part 2 - Tutorial GIS Interaktif Menggunakan Laravel Inertia & React - CRUD - Menampilkan Marker
Menampilkan Custom Marker dan Interaksi Dinamis pada Map
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fpart-1-tutorial-gis-interaktif-menggunakan-laravel-inertia-react%2Fcover.png&w=3840&q=75)
Part 1 - Tutorial GIS Interaktif Menggunakan Laravel Inertia & React - Setup Project
Setup Laravel Intertia dan React.js, integrasi Mapbox dan tampilkan map pertamamu
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fui-libraries-terbaik-react-js%2Fcover.png&w=3840&q=75)
UI Libraries Terbaik React.js
List UI libraries terbaik yang bisa kamu gunakan dalam projectmu
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Ficon-pack-lengkap-dengan-react-icons%2Fcover.png&w=3840&q=75)
Icon Pack Lengkap dengan React Icons
Gak perlu pusing lagi mikirin icon buat projectmu
06 Agustus 2023 - React.js, Javascript