Getting Started with Next.js – Learn Next.js Tutorial Series
Learn how to build a website with Next.js in this new tutorial series, where we'll go from zero to publishing a very simple blog app following Next.js' official learn docs.
For the code snippets, keep a tab open: http://nextjs.org/learn
Node.js: https://nodejs.org/en/download/
VSC: https://code.visualstudio.com/
If you are not familiar with JS and React, I strongly recommend Codecademy (https://www.codecademy.com/) and Kyle's courses from Web Dev Simplified (https://courses.webdevsimplified.com/).
This tutorial series will become a foundation for many things to come in my channel. We're going to leverage the cutting edge potential of Next.js to build our very first application from scratch. While doing so, we'll cover the essential things you need to know about the tools, principles and practices behind the workflow that'll get your products published.
By the end of this series, I hope that you'll have a solid grasp of 20% of Next.js, the parts that we'll continue to reference and use across every project that gets into code. My goal is to put together a set of tutorials that I wish I would've had access to when I got started with Next.js and front-end development.
Let me know if you enjoyed watching this video and were able to follow along. If you have any questions or doubts related to anything that I covered (or haven't covered), drop everything in the comments section below! 💬
If you are new to my channel, welcome! Don't forget to hit subscribe if you'd like to keep up with my weekly dose of product design videos and tutorials to help you build great products and bring your ideas to life.
Don't be a stranger and connect with me here 👋
Twitter: / javalaves
Figma: https://www.figma.com/@javi
LinkedIn: / javieralaves
Chapters:
0:00 - Intro
1:40 - What is Next.js
2:30 - Environment setup
4:10 - Creating a Next.js app
7:18 - Editing a page
9:55 - Creating a page
12:14 - Linking pages
17:06 - Conclusion