Tutorial Membuat Full-stack Blog Dengan Strapi & Next JS Server-side Rendering

preview_player
Показать описание
Setelah melakukan slicing UI design Figma ke Next JS, saatnya kita membuatnya menjadi blog beneran. Kita akan belajar Strapi dasar dan membuat admin dan REST API dengan Strapi. Setelah itu kita akan mengintegrasikannya dengan Next JS Server-side Rendering.

Referensi:

Buku Tailwind:

Komunitas:

Nauval:

Semoga bermanfaat! 💖
  1. Nauval
Рекомендации по теме
Tutorial Membuat Full-stack 2:32:58

Tutorial Membuat Full-stack Blog Dengan Strapi & Next JS Server-side Rendering

Satu-satunya Tutorial Fullstack 1:01:04

Satu-satunya Tutorial Fullstack CRUD Dasar yang kamu butuhkan!

Lebih Baik Fullstack 0:05:44

Lebih Baik Fullstack atau Spesialist

Developer Last Expression 0:00:28

Developer Last Expression 😂 #shorts #developer #ytshorts #uiux #python #flutterdevelopment

Part - 0, 0:07:32

Part - 0, Demo, Full Stack blog app using React JS + Firebase 2023

Best Programming Languages 0:00:16

Best Programming Languages #programming #coding #javascript

React Blog Website 1:45:35

React Blog Website Design Tutorial | React UI Full Course for Beginners

Tutorial LENGKAP CRUD 1:03:01

Tutorial LENGKAP CRUD dengan Node JS, Express, React JS, dan MySQL (Full Stack)

Frontend Developer vs 0:00:11

Frontend Developer vs Backend Developer vs Fullstack Developer

Belajar Dasar Pemrograman 1:00:23

Belajar Dasar Pemrograman Javascript 1 Jam

Dapatkan Penghasilan $$$ 0:16:56

Dapatkan Penghasilan $$$ dengan menjadi FREELANCE WEB DEVELOPER

React Node.js Full 1:47:41

React Node.js Full Stack Blog App Tutorial | MERN Stack APP Full Course

TECH STACK untuk 0:11:46

TECH STACK untuk FULLSTACK Developer

Login & Register 1:31:36

Login & Register Menggunakan JWT: Node JS, Express, React JS, dan MySQL (Full-Stack)

Bikin Website Pake 0:21:12

Bikin Website Pake CHATGPT Langsung Publish Ke Hostingan

Belajar Membuat WEBSITE 1:55:35

Belajar Membuat WEBSITE Dari 0 Sampai Di PUBLISH Untuk Pemula

MERN Stack Tours 1:43:07

MERN Stack Tours & Travels Booking Website Design Using ReactJs, Node Js, MongoDB | Mern Project

Responsive Blog App/Website 4:13:09

Responsive Blog App/Website with Admin Panel Tutorial - Full CRUD Blog App PHP & MySQL Project

Bikin Aplikasi Backend 0:09:45

Bikin Aplikasi Backend Dulu atau Frontend Dulu?

2023 CARA MEMBUAT 0:17:49

2023 CARA MEMBUAT WEBSITE GRATIS PROFESIONAL 15 MENIT

Best 12 AI 0:00:36

Best 12 AI Tools in 2023

React Node.js MySQL 2:38:45

React Node.js MySQL Social Media App Tutorial | Full Stack Social Network App

ReactJS vs Svelte 0:00:59

ReactJS vs Svelte #shorts

How To Build 1:02:28

How To Build A Markdown Blog Using Node.js, Express, And MongoDB

Комментарии
Автор

Underated chanel, thank you for sharing sir ❤️

hardwired
Автор

terima kasih pak, meskipun saya pakai Nuxt tapi saya dapat wawasan tentang headless cms.

nnivxix
Автор

ilmu yang mantap sekali !
terima kasih bang

waladi
Автор

Lanjut om tutorialnya :D, semoga bisa banyak contoh kasus fullstack js lainnya dengan CMS strapi

RianYK
Автор

Mantap bang, pliss buatkan video tentang deploynya juga bang, bingung juga mau ngedeploy :D

dianwijaya
Автор

lanjutkan mas, , penonton setia, , sya jd lebih paham, , , izin share link nya ya bang..

ImamNurArifinHA
Автор

selanjut nya inertia laravel react bang

yandinov
Автор

angkat aku jadi murid mu senpai nauval

dippeart
Автор

Bang nanya, , jadi kalo ssr gk bisa bikin shimmer ya?(status isLoading)

jull
Автор

Apakah bisa dicustom lagi ga gan untuk CMS ini pke JS, seperti wordpress dgn PHP

taufiqhidayah
Автор

Bikin tutorial cara deploy strapinya bang

OrdinaLGaming
Автор

Bang kalo cara deploy ke vps ubuntu ada kah referensi atau tutorial nya?

rhmtin
Автор

halo. saya kesulitan ketika saya ada 2 api untuk memanggil gambar berbeda di 1 halaman ?

slinkerskuy
Автор

Saran wysiwyg untuk konten blog di nextjs nya mas, biar bisa integrasi ke firebase/rest api sendiri tanpa si strapi

kodelebah
Автор

tutorial deploy strapinya bang di heroku or something

yusuf
Автор

Bang tutorial upload projek nextjs + strapi di heroku dong plisss

mohnursafiiarrasyidi
Автор

Bang ijin ngikut yah buat di publish ke hosting

zwofsxi
Автор

gan itu kan [slug] satu prefix ya? kalo mau 2 gimana ya misal mau article-[id]/[slug] ? apa penamaan-nya sesuai seperti prefix?

bagas
Автор

Bang itu biar muncul nama2 class tailwindcss nya pke extension apa?

fajarhidayat
Автор

Mas Nauval, ini versi strapi nya versi brpa ya? Kalau pakai yg latest version, gabisa ngikutin tutorial ini... Punten 🙏

hamzandev