Course image for Next.js Headless Blog Project
Free preview before enrolling

Next.js Headless Blog Project

Create a headless blog with Next.js + Heroku + Ghost CMS + Vercel to create blazing fast personal blog website - deploy it for free!

1 hour+ of total content
5.0
(7 Reviews)
647 enrolled
Course Creator: Team codedamnLast updated 14 days ago

Goals

  • Next.js Fundamentals
  • Ghost Content REST API
  • Deploying Next.js project on Vercel
  • Linking external service with Next.js blog
  • Dynamically update and refresh blog posts

Description

Next.js is a popular framework for developing Server-Side-Rendered (SSR) applications with React. With this course, we'll create a brand new blog with Next.js

This course would cover the basics of how to build things with Next.js. We would specifically be working on building and using the following technologies here, all linked with Next.js at its core:

  1. Next.js
  2. TypeScript
  3. Vercel
  4. Heroku
  5. REST APIs
  6. Ghost CMS

At the end of the course, you'll have your own personal blog, running using Next.js which is backed by Ghost CMS - and all of this without any cost! The development setup is absolutely free.

Course Structure

10 lectures 01:01:04 total duration

  Introduction to Project (Watch video)
02:02
  Project Setup (Watch video)
05:09
  Ghost CMS Setup (Watch video)
05:36
  Content API Overview (Watch video)
02:29
  Fetching Post Titles (Watch video)
09:33
  Linking Posts (Watch video)
04:00
  Single Post (Watch video)
15:47
  Adding Comments (Watch video)
10:00
  Revalidating Pages (Watch video)
01:53
  Vercel Deployment (Watch video)
04:35

Student feedback

5.0
Course Rating

100%

0%

0%

0%

0%

Reviews

profile pic for Alvaro Blanco
Aug 04, 2022
Concepts well explained, focusing on what it matters. Very good course
profile pic for Rama Krishnan
May 31, 2022
Thanks for providing us such a Awesome Course
profile pic for Salman Ghouri
Apr 23, 2022
Awesome Course 100% satify
profile pic for anasking159
Mar 11, 2021
Very Good !!!!!!!!!!!!!!!!!!!!!!!!!!!!
profile pic for tahmidur01
Dec 24, 2020
Great course to learn Next js.

Your Course Instructor

Course Instructor Image

Team codedamn

Official courses from codedamn team

Hi! We're team codedamn - and we are developers, creators, designers building the best interactive programming courses on the planet. Sign up for a free account on codedamn to stay in touch.

Upgrade to a Pro account and unlock more courses for accelerated learning. Instant feedback, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback

Pro

  • HD video content
  • Certificate of completion
  • Hands-on practice
  • 24x7 mentorship support
  • 100+ projects to practice
  • In-depth project feedback
Try Pro (7-day risk-free)