Belajar Coding Mudah
Tutorial -
Fullstack Development
Tutorial Terbaru
![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%2Fcara-update-github-profile-jadi-lebih-menarik%2Fcover.png&w=3840&q=75)
Cara Update Github Profile Jadi Lebih Menarik
Tinggalkan tampilan default github profile, update dengan tampilan yang lebih menarik!!!
![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%2Fmenambahkan-progress-bar-pada-next-js%2Fcover.png&w=3840&q=75)
Menambahkan Progress Bar pada Next.js
Progress Bar keren untuk website kerenmu
07 Agustus 2023 - Next.js, Javascript
![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
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Ftutorial-datatables-pada-laravel-10%2Fcover.png&w=3840&q=75)
Tutorial Datatables pada Laravel 10
Setup Datatables agar tablemu lebih powerful
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Ftutorial-crud-rest-api-pada-laravel-10%2Fcover.png&w=3840&q=75)
Tutorial CRUD REST API pada Laravel 10
Pada tutorial ini, kita akan belajar tentang operasi CRUD REST API pada Laravel
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Fmengkonversi-number-ke-format-rupiah-php%2Fcover.png&w=3840&q=75)
Mengkonversi Number ke Format Rupiah PHP
Cara mudah konversi number ke rupiah (bonus konversi rupiah ke terbilang)
01 Agustus 2023 - PHP
![image](/_next/image?url=%2Fstatic%2Fimages%2Ftutorial%2Ftutorial-install-maria-db-pada-ubuntu-22-04%2Fcover.png&w=3840&q=75)
Tutorial Install MariaDB pada Ubuntu 22.04
Mari kita install MariaDB pada sistem Ubuntu 22.04 dengan mudah
01 Agustus 2023 - Maria DB