Deploying Your Website with Vercel – Learn Next.js Tutorial Series
Learn how to build and deploy a website with Next.js and Vercel in my tutorial series where we go from zero production publishing a simple blog app following Next.js' official learn docs! This is the last video of the series, where we're taking everything we've learned and done throughout the series and deploying our website through Vercel.
By the end of this video, you'll have successfully created a code repository on GitHub, synchronizing your local VS Code project files, and connecting it to a new project in Vercel through which we'll create our very first production deployment. At the end, I'll also show you how you can purchase and connect a custom domain with your website.
If you are new to Next.js, welcome! I recommend that you have a look at the first video of this tutorial series and start from there. Rest assured that you'll get to deploy your blog in no time.
If you are not familiar with JavaScript or React, I strongly recommend the courses in Codecademy (https://www.codecademy.com/), and Kyle's courses from Web Dev Simplified (https://courses.webdevsimplified.com/). Both have been invaluable for me when it comes to learning how to code, and everything that I generally needed to know in order to get to where I am here today.
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
0:46 - Publishing to GitHub
3:16 - Importing Repo to Vercel
6:06 - Making changes
10:48 - Merging pull requests
12:21 - Custom domain
13:20 - Conclusion