💻 #6 Build your portfolio site with Next.js
Show off your projects on your own portfolio site
Hey there, developer! 👋
This weekend’s project will have you deploying your own portfolio site!
The best part about building web development projects is having a place to show them off. It’s also a great way to show employers what you’re capable of 💪
If you already have a portfolio site I’d love if you shared your site with me on Twitter!
Tutorial of the week:
Length: 1 hour
Difficulty: Easy
This weekend’s tutorial is by one of my favourite Javascript teachers, JavaScriptMastery. They consistently put out fantastic tutorials, taking you from folder structure to deployment!
What you’ll learn:
React best practices
Next.js
Deployment 🚀
3 creative projects of the week:
1. If the moon were only 1 pixel
2. Useless machine
HTML, CSS, JavaScript
Not every website has to be solve complex problems, sometimes they can be useless!
Check out this project by pakastin.fi!
3. Rock, Paper, Scissors
HTML, CSS, JavaScript
What I like about codepen is that you can easily read the code and see what’s being shown in the frontend.
Take a second to read through some of the Javascript code in this codepen. One task of a frontend developer will be making changes to other developers’s existing code. Play around with this codepen and make some changes!
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
I also hope these three projects give you inspiration for your future projects, portfolio, or just something cool to play around with for a bit.
Share your tutorial progress with me on twitter! I’d love to see what you’re making.
Your fellow weekend warrior,
Devan