💻 #78: Build a basic to do app with Next.js 13 in 30 minutes ☑️
Learn Next.js 13 by building your own to-do application
Hey there! 👋
We're back after a short break! Similar to the last newsletter, we're going to focus on Next.js 13. Some of you liked the long tutorial in the previous newsletter, but others wanted something a bit shorter. Here's a project tutorial that's only 30 minutes! This will give you a good overview of what Next.js 13 has to offer.
Let's dive right into this weekend's project.
Tutorial of the week:
Length: 30 minutes
Difficulty: Basic
This project is by WebDevSimplified.
What you’ll learn:
React.js 🌐
Next.js 13
3 frontend projects of the week:
Use these projects to inspire future projects of your own
1. Emoji Phrase Book
Say what you want with emojis! This dictionary takes phrases and writes them as emojis.
🌍👈👉🕸️: World Wide Web
😎➡️🥒: Cool as a cucumber
😎🫘: Cool beans
2. The Song That Defines Your Life
“Apparently the song that was number one on your 14th birthday defines your life. 🤔”
Enter your birthday and this site will show you the song that was #1 the week of your 14th birthday.
3. Time Guessr
Like Geo Guesser but the clues are historical photos! Very cool project!
That’s all folks!
I hope you enjoyed this weekend’s edition of Weekend Web Dev!
If you create anything please share it with me on Twitter or reply to this email!
I’d love to see what you’re building.
Your fellow weekend developer,
Here are some excellent beginner resources for learning JavaScript
Mozilla Developer Network - the leading resource on JS
FreeCodeCamp - free course
CodeAcademy - intro to javascript - free course
Odin Project - full stack javascript - free course
Eloquent Javascript - book (many people struggle with this book)
javascript.info - reference resource
Traversy Crash Course in Javascript - video series
Intermediate/advanced material
JavaScript Design Patterns - free book
Professor Frisby's Mostly Adequate Guide to Functional Programming - free book
What the heck is the event loop anyway? - JSConf talk about the event loop
Understanding the Weird Parts - paid course covering more advanced topics
Deep JavaScript: Theory & Techniques - free book
Software
Code Sandboxes
Other handy sites