Next.js Crash Course for Beginners - Learn NextJS from Scratch in this 100% Free Tutorial!
Why Stack Overflow recommends it
Stack Overflow users link it as a starting point for Next.js routing and as the tutorial their own code follows, especially for dynamic pages, getStaticPaths and MongoDB.
Recommended by 1 people across 1 different months, 2021 to 2022.
What it is
A roughly three-hour beginner course on Next.js by Maximilian Schwarzmuller of Academind. It covers server-side rendering, file-based routing and full-stack features, then builds a meetups app with dynamic pages, data fetching and a MongoDB backend.
What people said
Recommends Giannis Giannoulakos · 2022-03 · Stack Overflow · on “Next js multiple dynamic pages”
In Next js your route endpoints are defined by the file name thus making it quick and easy to create a new route. Now let's say that you want to create a route like this "/profile/:id" with id being your custom parameter. To create a file with a custom parameter just surround your custom parameter with brackets like this [id] You can also use the three dot syntax (like this [...id]) to accept infinite unspecified dynamic pages. I would suggest watching the video linked down below which really helped me get started with Next js. nextjs crash course [this video]
Cites Jacob Gallant · 2021-10 · Stack Overflow · on “Error: A required parameter (id) was not provided as a string in getStaticPaths for /location/[id]”
im working on a next.js and mongodb website and im following this tutorial exactly but with different files/variable names. i keep running into this error when trying to access the dynamic page : Error: A required parameter (id) was not provided as a string in getStaticPaths for /location/[id] tutorial : [this video] Just before 2 hours 40 min PS deleted db info for security reasons export async function getStaticPaths(){ const client = await MongoClient.connect(''); ////////// username and password here for mongo db and db name const db = client.db(); const destinationsCollection = db.collection('destination'); const destinations = await destinationsCollection.find({},{_id: 1}).toArray(); client
Cites L.Goyal · 2021-12 · Stack Overflow · on “NextJs SSG Firebase deployment”
But as I mentioned above the newly added data is getting fetched when I run the project locally. And the tutorial that I am following is using Vercel to deploy but the data is also getting fetched in that tutorial [this video] .