This in the second video in my NextJS framework crash course series! NextJS is a javascript framework that lets you build server-side rendering and static web applications using React. In this video, I talk about what NextJS is, what companies use it, and some of the features that make it great. Then, we use the create-next-app command to create the NextJS boiler plate starter project. We then look at what that generated and go over all the files. In the next video we will start writing code!
NextJS Crash Course Video Outline:
Playlist: https://www.youtube.com/playlist?list=PLL1pJgYmqo2vYtT0v_7axfIG86fyL1whf
Course Intro - https://youtu.be/_dqkETqCJXQ
What is Next.js? - https://youtu.be/L8RaJZodkv8 ⬅️⬅️⬅️ You are here
Pages, CSS, Static Files - https://youtu.be/HM5kB2x1ccw
getInitialProps - https://youtu.be/RgQxcw2R1q0
getStaticProps - https://youtu.be/VH_3hzpAPbQ
getStaticPaths - https://youtu.be/nKg0132Nu0o
getServerSideProps - https://youtu.be/qUhYZi-KMPQ
YouTube API - https://youtu.be/jVc8qVq0NR8
GitHub API - https://youtu.be/4g3Ziy20quY
Strava API - https://youtu.be/fNOUHccIchU
Deploying On Vercel - https://youtu.be/ben3vRAqvKE
Social media dashboard GitHub: https://github.com/bjcarlson42/nextjs-social-dashboard
NextJS website: https://nextjs.org/
My website api route example: https://benjamincarlson.io/api/gear
(0:00) Introduction
(0:43) NextJS Website
(1:00) Why NextJS?
(1:44) Showcase
(2:37) create-next-app command
(5:09) Viewing code in VSCode
(5:57) Pages directory
(7:49) pages/api
(8:37) Viewing the browsable api
(8:59) My personal website api example
(10:11) public folder / gitignore package.json / README.md / yarn.lock
(11:37) Conclusion
#nextjs
#nextjs #nextjs crash course
