- 11
- 3 301
Binary Corner
India
Приєднався 24 вер 2023
What Are Dynamic Routes in Next.js? | Complete Overview
Welcome to Binary Corner! In this video, we
🔗 Links Mentioned in the Video
- Link 1: nextjs.org/docs/app/building-your-application/routing/dynamic-routes
🔔 **Subscribe for More**: If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an update.
📱 Follow Me:
- Twitter: prashant21b
Timestamp
0:00 - Intro & Why Dynamic Routes?
0:24 - What Are Dynamic Routes? (4 Types)
1:17 - Demo Setup: Creating [slug] Folder
5:30 - Fetching Data with Server Actions
8:30 - Static Generation (generateStaticParams)
10:30 - Catch-All Segments ([...slug])
14:08 - Outro + CTA
#NextJS #DynamicRoutes #NextJSTutorial #WebDevelopment #ReactJS #CodingTutorial #FrontendDevelopment #JavaScript #Programming #LearnNextJS
Thank you for watching, and we'll see you in the next video!
🔗 Links Mentioned in the Video
- Link 1: nextjs.org/docs/app/building-your-application/routing/dynamic-routes
🔔 **Subscribe for More**: If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an update.
📱 Follow Me:
- Twitter: prashant21b
Timestamp
0:00 - Intro & Why Dynamic Routes?
0:24 - What Are Dynamic Routes? (4 Types)
1:17 - Demo Setup: Creating [slug] Folder
5:30 - Fetching Data with Server Actions
8:30 - Static Generation (generateStaticParams)
10:30 - Catch-All Segments ([...slug])
14:08 - Outro + CTA
#NextJS #DynamicRoutes #NextJSTutorial #WebDevelopment #ReactJS #CodingTutorial #FrontendDevelopment #JavaScript #Programming #LearnNextJS
Thank you for watching, and we'll see you in the next video!
Переглядів: 99
Відео
Next.js Data Fetching: How to Optimize for Best Performance
Переглядів 1526 місяців тому
Learn about data fetching strategies in Nextjs! We'll explore sequential vs. parallel fetching, server-side vs. client-side components, and more, with practical code examples to enhance your app's performance. Don't miss our tips on converting components and using Suspense! 🔗 Links Mentioned in the Video - Link 1: nextjs.org/docs/app/building-your-application/rendering/server-components 🔔 Subsc...
How To Deploy NEXTJS App to Google Cloud (GCP) - Using Docker & Cloud Run
Переглядів 1,7 тис.8 місяців тому
Learn how to deploy your Next.js application to Google Cloud Platform (GCP) using Docker and Cloud Run! In this tutorial, we'll guide you through containerizing your Next.js app with Docker, pushing the image to Google Container Registry, and deploying it seamlessly using Cloud Run. ✅ DockerFile github.com/prashant9912/binary-corner/blob/main/Dockerfile 🔔 Subscribe for More : If you found this ...
Nextjs Tutorial: Nested Layouts with Routing Groups
Переглядів 318 місяців тому
"Welcome to Binary Corner! In this video, we're diving into routing groups and their significance. Join us as we explore everything you need to know about routing groups, including how nested layouts function. 🔗 Links Mentioned in the Video - Link 1: nextjs.org/docs/app/building-your-application/routing/route-groups 🔔 Subscribe for More : If you found this video helpful, consider subscribing to...
Basics of Nextjs Layout: Explained With Examples
Переглядів 328 місяців тому
Welcome to Binary Corner! In this video, we are covering NextJs layouts. 🔔 Subscribe for More : If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an update. 📱 Follow Me: - Twitter: prashant21b #Nextjs #Layout #Reactjs Thank you for watching, and we'll see you in the next video!
Ultimate Next.js Routing Simplified Guide
Переглядів 319 місяців тому
Welcome to Binary Corner! In this video, we'll delve into the fundamental concept of Next.js routing, exploring the basics of folder structure and providing an example to illustrate how routing functions in Next.js. 🔗 Links Mentioned in the Video nextjs.org/docs/app/building-your-application/routing 🔔 Subscribe for More: If you found this video helpful, consider subscribing to Binary Corner. Hi...
Nodejs vs Spring Boot: Promises Vs Multi Threading!!
Переглядів 52711 місяців тому
Welcome to Binary Corner! In this video, we're going to look at the difference between Node.js and Spring Boot applications using a real example. We'll create two endpoints and experiment by blocking one while running the other to see how they react. 🔔 Subscribe for More : If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an upda...
FULL Front-end Server Side Explained!! What is SSR, CSR, ISG, SSG?
Переглядів 8311 місяців тому
Welcome to Binary Corner! In this video, we are looking at the concept of server-side rendering and why it's important to introduce it now 🔗 Links Mentioned in the Video 🔗 - Link 1: medium.com/@prashantg9912/how-nextjs-13-4-will-change-front-end-development-883546209786 🔔 Subscribe for More : If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so yo...
How to Install Wordpress on AWS With Cheapest Hosting 2025
Переглядів 218Рік тому
Welcome to Binary Corner! In this video, we will be installing WordPress in AWS with Cheapest host solution for 2025 👇🏼 Command to get WordPress Password cat bitnami_application_password 👇🏼 SSL command sudo /opt/bitnami/bncert-tool 🔗 Links Mentioned in the Video - [AWS Server Link]: aws.amazon.com - [Domain]: www.godaddy.com 🔔 Subscribe for More : If you found this video helpful, consider subsc...
HOW TO CREATE JWT IN NodeJs + ExpressJs? Full implementation!
Переглядів 34Рік тому
Welcome to Binary Corner! In this video, we will explore what is JWT GitHub repo github.com/prashant9912/jwt-nodejs 🔔 Subscribe for More : If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an update. 📱 Follow Us : - Website: - Twitter: - Facebook: - Instagram: #JWT #nodejs Thank you for watching, and we'll see you in the next video!
How to Install Wordpress + Control Panel on Google Cloud VM
Переглядів 388Рік тому
Welcome to Binary Corner! In this video, we will be installing WordPress on Google Cloud VM along with installing a Control Panel for the Server. 🔗 Links Mentioned in the Video - Google Cloud: cloud.google.com - VestaCp: myvestacp.com 🔔 Subscribe for More: If you found this video helpful, consider subscribing to Binary Corner. Hit the notification bell so you never miss an update. Chapters 0:00...
Why are you doing all this manually? When wordpress is already there on marketplace, ready to be installed in one click.
you can apply this to any vps server, like aws, azure, gcp, etc
thanks for the tutorial, but I failed to get env value from "variable and secret" (on 5:15) on cloud run (the name is NEXT_PUBLIC_BACKEND_URL and I call it with process.env.NEXT_PUBLIC_BACKEND_URL). do you know why?
Yes, I realised later. You can fix this by adding the env argument in the docker for these NEXT_PUBLIC_.... They do not work from "variables and secret" because they are applied during the project build time, not the run time.
@@BinaryCorner I provided the NEXT_... env vars in the variables and secrets and it worked fine. Although I agree with your vars at build time. Could you please tell me why did they work?
Maybe you are pushing the .env file also with the code. So Nextjs picking the env from directory .env during the build process.
i am facing issue with the env i am confused how can i use it how can i add the reqiared filed in docker file can you please tell me how execlty can i do it it will be a greate hel Thanks
finally i get real time explanation
Really awesome explanation. Explained so clearly, great.
Thanks. It also gets complicated when you throw in .env variables and a db
Would love to see this over in aws
Simple and focused Thanks 🙏 How to play with 2 versions of the same application (Canary Deployment)
You can create multiple cloud run apps
@@BinaryCorner Thanks 🙏
Thanks for this! I was looking for a to the point tutorial and then I find yours. Perfect!
This is a wonderful tutorial, thank you!
Glad you enjoyed it!
knowledge ♥ ♥
great video man.
Thanks 😀
straightforward and on point tutorial. Thanks, man! Subbed 😊😊
Good, bro! Keep it on.
Great clear explanation thank you. I hope your channel booms! Quick question. Do you recommend Google cloud or AWS for someone who wants to manage multiple client websites? I have watched your google cloud video with vestaCP and you mention that you can add multiple domains on there. So which one would you recommend AWS or Google with VestaCP? And which one would be cheaper generally speaking?
can you explain the next.js with prisma
more videos will be coming in the series
every time i try to create firewall policy and i do exactly what you say, it sez There was a problem performing that action
try with some other browser, i also saw some issue with google cloud sometimes.
Subscribe for more ✅
Good stuff man
Hi, I already installed wordpress thru marketplace. I installed wordpress bitnami. is it still okay to install and configure to control panel?
No, those are auto configured. But if you want to really drill down manually, you can follow the video steps 😎
Excellent video
Hi Could you share a video for linking IP to domain and SSL configuration?
sure will try to cover.