Скачать с ютуб Build a Next.js 14 Blog with Ghost CMS Backend – Step-by-Step Guide в хорошем качестве

Build a Next.js 14 Blog with Ghost CMS Backend – Step-by-Step Guide

🚀 Build a Blog with Next.js, Tailwind CSS, and Ghost CMS In this tutorial, we’ll walk through creating a Blog using Next.js, Tailwind CSS for styling, and Ghost CMS as the backend. You'll learn how to handle server actions, and build a blog app. Perfect for beginners! 🔧 What You’ll Learn: • Setting up a Next.js project • Building Blog Post Components with Tailwind CSS • Integrating Ghost CMS to fetch data • Adding server actions 📂 GitHub Repo: https://github.com/thetechmaze/nextjs... Related Videos: How to Easily Install Ghost CMS in Digital Ocean Droplet -    • Install Ghost CMS on DigitalOcean in ...   💡 Don't forget to like, comment, and subscribe for more tutorials! Chapters: 00:00:00 - Intro 00:03:18 - Building the Header Component 00:09:10 - Building PostCard Component 00:38:01 - Setup Blog Page 00:38:50 - Building Tags Page 00:43:21 - Building Slug Page of Tags 00:46:14 - Building Slug Page of Blog 00:47:01 - Adding env varaibles from Ghost CMS 00:51:17 - Building Server Actions to access data from Ghost CMS 00:51:48 - getPosts server action 01:01:41 - getPostBySlug server action 01:04:25 - getTags Server Action 01:06:24 - getPostsByTag Server Action 01:08:00 - Adding getPosts action in app/page.tsx 01:09:29 - Copying to blog/page.tsx 01:10:05 - Adding getTags action in tags/page.tsx 01:11:15 - Adding getPostsByTag action in tags/[slug]/page.tsx 01:13:41 - Adding getPostBySlug action in blog/[slug]/page.tsx 01:28:14 - npm run dev