Course Highlights
  • Develop serverless/JAMstack application with NextJS, React, and TypeScript
  • Understand the advantages and best practices regarding Serverless architecture and how to use them to your advantage
  • Adhere to SEO (Search Engine Optimisation) best practices and make your content easily indexable to all search engines
  • Understand what React, NextJS, TypeScript, and modern tooling can do for you, and use them in the best way possible
Skills you will learn!
Curriculum

1 Topic
What is the JAMstack

12 Topics
Setup App
Setup Github
Setup TypeScript
Migrating from JavaScript to TypeScript
Configure Prettier
EmotionCSS: What and Why
EmotionCSS: Setup
EmotionCSS + TypeScript
Code Structure
EmotionCSS: Global styles
Absolute Imports
Deploy to Vercel

13 Topics
Using SVG icons
Component: Header
Component: Navigation
Layout: Page
Static Routes
Create about page
NextJS Image Component
Styling the about page
Handle SEO data
SEO and Social meta tags
Component: SEO
Component: Footer
Create your Colophon

5 Topics
Markdown + JSX = MDX
Post data: Grey Matter
Render post content with MDX
List on index - create post directory
Dynamic routes + getStaticPaths

8 Topics
Post specific SEO data
Layout: Post
Post specific Header
Component: Short-bio
setup for styling post-list
Component: list of posts
Styling list of posts
MDX-Components: Create a code highlight component

2 Topics
Cross-Browser test and refining
Going through all the work so far

3 Topics
Update next-mdx-remote with new Types
Checking Types automatically
Move Types to their own file

15 Topics
What is an RSS feed?
Bare-Bones Serverless Function
Feed RSS
Add RSS link to our Social bar
Environment Variables
Set up local Environment Variables
Env Variables on Vercel
Fetch videos from Youtube
Unwrap Promise type
Catching fetch errors
Fetch external content on getStaticProps
[component] Youtube List
Youtube List - styles
Responsive Styles and Accessibility for Youtube List
Recap

  Write a Review

All about NextJS

Go to Paid Course