Overview
Syllabus
Introduction
Create a new Next project
Find a Blog Template
Import Blog Template
Create Next App
Customize Index
Add Fonts to Global Styles
Create Navbar Component
Install Alpine.js and Font Awesome
Create footer.js
Continue Customizing Index
Spin-up MongoDB Instance at Linode
Login to MongoDB Cluster
Update Firewall
Create Database
Setup Next.js with MongoDB
Install MongoDB Locally
Create a new Document
Resolve Connectivity Issue
Update Image Sizing
Finish Customizing Index
Troubleshoot /post page
Add Blog Name to Navbar
How to Modify Posts
Create Sidebar Component
Check Responsiveness
Resolve Responsiveness Issues
Import Posts into MongoDB Compass
Fetch Blog Posts from Database
Create getBlog.js and getBlogs.js
Update Blog Tags
Configure Create Markup Function
Configure Meta Description
Fetch Content for Slug
Update Select Posts
Conclusion
Taught by
Linode