Learn Next.js by building and deploying a simple news app using Next.js. Next.js allows us to easily implement Server Side Rendering in our applications so that we can have better SEO and crawl-ability than standard React single page applications. Nex.js also offers other benefits that I go over in this video.
#Nextjs #Reactjs #WebDev2021
🎵 Music by Moon Wash.
https://songfuze.com/artist/moonwash
0:00 Intro
0:39 Demo
3:23 News API
4:04 Project Setup
5:30 Nextjs Ecosystem
12:20 Writing The Code
55:02 Deploy To Vercel
59:50 SSR Benefits
1:02:12 Outro
🔗What Is Server Side Rendering: • What The Heck Is Server Side Rendering?
🔗What Is Isomorphic JavaScript: • What The Heck Is Isomorphic JavaScript?
🔗Beginner React Tutorial: • Beginner React Tutorial - Coding A To...
🔗Advanced React Tutorial: • Build And Deploy A React Chat App Wit...
🔗React Hooks: • Learn React Hooks In 6 Minutes
Finished Code: https://github.com/portexe/next-news
---
👀 Follow Me:
Twitter ➔ / portexe
Instagram ➔ / port.exe
GitHub ➔ https://github.com/portexe
Facebook ➔ / portexe
Website ➔ https://www.portexe.com/
GAMING ➔ / portexe