Assets, Metadata & Styles – 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. This is part two, focused on adding assets and metadata to our website and pages, as well as styling, both globally for specific components with CSS Modules, and globally across all pages!
For the code snippets, keep a tab open: http://nextjs.org/learn
If you are new to Next.js, I recommend that you have a look at my first video of this series, where we set up the dev environment and get the app started: • Getting Started with Next.js – Learn Next....
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 series builds up to some pretty awesome videos coming up in the near future where we'll leverage the power of both worlds, design and code, to build awesome products! In the meantime, I hope that by the end of this series, you'll have a solid grasp of everything you need to get started with Next.js and modern front-end development workflows.
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 - Welcome
2:06 - Adding an image
3:43 - Page metadata
5:09 - CSS Modules
10:55 - Global Styles
18:28 - Conclusion