In the past two days, I have been following the official next.js tutorial to build a simple blogging website.
Although Next.js is much harder than Flask, I love how I can do so much with Next.js and React, and how easy it is to deploy projects from GitHub to Vercel, so this is persuading me to create even more projects with Next.js.
Check out the blogging website I created here: https://blogging-website-vert.vercel.app/
You can also check out it's GitHub repo:
Welcome to the NextJS base template bootstrapped using the create-next-app. This template supports TypeScript, but you can use normal JavaScript as well.
Getting Started
Hit the run button to start the development server.
You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.
API routes can be accessed on /api/hello. This endpoint can be edited in pages/api/hello.ts.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
Learn More
To learn more about Next.js, take a look at the following resources:
Next.js Documentation - learn about Next.js features and API.
Learn Next.js - an interactive Next.js tutorial.
Productionizing your Next App
To make your next App run smoothly in production make sure to turn this repl to an always-on repl.
You can also produce a production build by…
My next project is to create a Guestbook where people can comment (the comments are saved using MongoDB). I also want it to use an API to check if the comment has swearing or not, and only let the user comment once on one device.
I also want to expand my React knowledge and load 5 comments at once, and when the user scrolls to the bottom, it loads 5 more (infinite load).
Thanks for reading!
Follow me and like to support me in my next.js journey.