- 29
- 41 150
ByteGen
United States
Приєднався 14 сер 2015
Subscribe to ByteGen, hit the notification bell, and embark on an exciting coding journey. Let's dive into code, learn, share, and empower ourselves with the art of programming. Welcome to ByteGen!
Next.js Data Fetching Incremental Static Regeneration ISR (Everything You Need to Know)
In this video, we’ll learn everything you need to know about Next.js Incremental Static Regeneration (ISR). We cover essential concepts like time-based revalidation, on-demand revalidation with revalidatePath, and on-demand revalidation with revalidateTag. Whether you’re new to ISR or looking to deepen your understanding, this comprehensive guide will help you implement and optimize ISR effectively in your Next.js projects.
Переглядів: 66
Відео
Next.js Routes 12.Route Handlers (Everything You Need to Know)
Переглядів 6116 годин тому
In this tutorial, we’ll explore Route Handlers in Next.js, a key feature that allows you to define and control the behavior of your routes more precisely: ✨ What Are Route Handlers?: Learn the role of route handlers in Next.js and how they manage HTTP requests for specific routes. ✨ Setting Up Route Handlers: Discover how to configure route handlers for GET, POST, and other HTTP methods in your...
Next.js Routes 11.Intercepting Routes (Everything You Need to Know)
Переглядів 2821 годину тому
In this tutorial, we’ll dive into the concept of Intercepting Routes in Next.js, a powerful feature that lets you modify and control route behavior dynamically: ✨ What Are Intercepting Routes?: Understand how intercepting routes allow you to catch and modify route requests before they are processed. ✨ Setting Up Intercepting Routes: Learn how to configure your project to intercept routes and cu...
Next.js Routes 10.Parallel Routes (Everything You Need to Know)
Переглядів 65День тому
n this tutorial, we’ll explore Parallel Routes in Next.js, a powerful feature that allows you to render multiple routes simultaneously: ✨ What Are Parallel Routes?: Understand the concept and how they enable parallel rendering of different UI sections. ✨ Setting Up Parallel Routes: Learn how to configure your project to use parallel routes for better performance and structure. ✨ Practical Examp...
Next.js Routes 9.Dynamic Routes (Everything You Need to Know)
Переглядів 19День тому
In this tutorial, we’ll dive deep into Dynamic Routes in Next.js and show you how to handle variable paths efficiently: ✨ Defining Dynamic Routes: Learn how to create dynamic route segments using file naming conventions. ✨ Catch-All Routes: Discover how to capture multiple segments and use them in your app. ✨ Dynamic Params and Query Handling: Understand how to fetch and display data based on d...
Next.js Routes 7 Redirecting (Everything You Need to Know)
Переглядів 15День тому
In this tutorial, we’ll cover how to use redirects effectively in Next.js to manage routing and improve user experience: ✨ Static Redirects: Learn how to define redirects in the next.config.js file. ✨ Dynamic Redirects: Explore how to use middleware and server-side logic for conditional redirects. ✨ Best Practices: Understand when and how to use redirects for SEO and performance.
Next.js Routes 8.Route Groups (Everything You Need to Know)
Переглядів 47День тому
In this video, we’ll explore Route Groups in Next.js and how they can help you structure and manage your application’s routing effectively: ✨ What Are Route Groups?: Learn how to use (group) folders to organize routes without affecting the URL structure. ✨ Practical Examples: See how to create modular, maintainable routes using Route Groups. ✨ Dynamic Grouping: Discover how to combine Route Gro...
Next.js Data Fetching and Caching (Everything You Need to Know)
Переглядів 86День тому
github demo: github.com/soymikey/nextjs-15-tutorial In this tutorial series, we’ll dive deep into best practices for data fetching and caching in modern web development. Whether you’re fetching data from an API, working with ORMs or databases, or optimizing client-side and server-side interactions, this guide has you covered. Here’s what you’ll learn: 1. Fetching Data on the Server with the Fet...
Next.js Routes 6.Loading UI and Streaming (Everything You Need to Know)
Переглядів 3314 днів тому
In this tutorial, we’ll explore how to enhance user experience with Loading UI and Streaming in Next.js: ✨ Loading UI: Learn how to create smooth loading states using loading.js. ✨ Streaming Content: Understand how Next.js streams server-rendered content for faster page loads.
Next.js Routes 5.Error Handling (Everything You Need to Know)
Переглядів 2514 днів тому
In this video, we’ll dive into how to handle errors effectively in Next.js: ✨ Custom Error Pages: Learn how to create error.tsx ✨ Error Handling in Routes: Understand how to manage route-specific errors gracefully. ✨ Fallback and Redirect Strategies: Discover best practices for dealing with unexpected issues.
Next.js Routes 4 Linking and Navigating (Everything You Need to Know)
Переглядів 4014 днів тому
In this tutorial, we’ll explore how to seamlessly link and navigate between pages in Next.js: ✨ Linking: Learn how to use the Link component to create fast, client-side navigation. ✨ Navigating: Understand how to programmatically navigate using the useRouter hook.
Next.js Routes 3.Layouts and Templates (Everything You Need to Know)
Переглядів 6314 днів тому
In this video, we’re exploring one of the most powerful features of Next.js: ✨ Layouts: Learn how to create reusable page structures that render only once. ✨ Templates: Understand how templates differ from layouts and why they re-render for each new instance.
Next.js Routes Explained: 1.Defining Routes & 2.Pages (Everything You Need to Know)
Переглядів 3814 днів тому
In this tutorial, we’ll dive deep into the world of Next.js Routing, covering everything you need to know about: ✨ Defining Routes: How Next.js uses the file system to define routes effortlessly. ✨ Pages: Understanding the role of the pages directory and how to structure your app.
Mastering Server Actions in Next.js: Workflow, File Upload Demo & HTTP Request Insights
Переглядів 32321 день тому
Discover the power of Server Actions in Next.js! In this tutorial, we’ll dive into the complete workflow of Server Actions, showcase a file upload demo, explain how to request Server Actions, and guide you through checking HTTP requests effectively. Perfect for developers looking to enhance their Next.js projects with advanced server-side capabilities!
Understanding Gin’s Source Code: Route Definition, Request Handling, and Response Workflow Explained
Переглядів 114Місяць тому
In this tutorial, we dive deep into the Gin framework’s source code to uncover the workflows that power this popular Go web framework. We’ll walk through the process of defining a route (group.GET, group.handle, engine.addRoute), explore the request handling workflow (engine.Run, engine.Handler, engine.ServeHTTP, handleHTTPRequest, Context.Next()), and examine how responses are generated (Conte...
How to Encapsulate Axios Elegantly with React JS Tutorial
Переглядів 415Рік тому
How to Encapsulate Axios Elegantly with React JS Tutorial
Next.js 13 And Shadcn Tutorial For Beginner
Переглядів 14 тис.Рік тому
Next.js 13 And Shadcn Tutorial For Beginner
Tips To Write Better Javascript and React Code
Переглядів 74Рік тому
Tips To Write Better Javascript and React Code
How To Setup Prettier, ESLint and Husky For Beginners
Переглядів 24 тис.Рік тому
How To Setup Prettier, ESLint and Husky For Beginners
Learn 5 Programming Paradigms In 15 Mins
Переглядів 91Рік тому
Learn 5 Programming Paradigms In 15 Mins
So helpful to know how to use Gin’s👍
Great!
Works, the only thing i can say though that this tutorial can be compressed down in 4-5 minutes, a tid bit slow
Great video!
run `npx husky init` now husky install is deprecated
Doesn't work anymore 2024
prettier and eslint are super easy to setup, but husky!??!?! holy hell
Where is ESLint!
Project boilerplate creted by Create-React-App has in-built EsLint installed with it.
Hello, question...in an Angular project, how can you execute the scripts defined in package.json in a git hook? For example, if you define in .lintstagedrc { "src/**/*.{ts,html}": "npm run lint" } and in package.json the script "lint": "ng lint", it does not recognize the command
Thank you so much this video is so helpful for me 🥰😇🤗☺
This is the only tutorial worked for me. Thanks so much!!!!!
I couldn't get to work; so annoying. I just got back to good old .git/hooks files.
Thank you. This helped a lot
老哥 B 站 是哪个？
thanks man
Very good job man, very helpful and clean explained
Thank you for your efforts
Keep it up brother, this tutorial is awesome
Thank you buddy for a great vid.
Very informative, can you please make a video on micro front end architecture with next 13.4+
❤❤
This is the only tutorial worked for me. Thanks so much
Keep up the enthusiasm and consistency in creating content, sir, I support you by subscribing and thank you for the tutorial
And ahhh😂
hello from China! not too bad, stick on it and keep moving!
Good work bro 👍
great examples, learning TS with this tutorial + chatGPT + thanks !
Thank you. Its very usefull. Great tutorial
quick and concise. thanks
nice !
a lot of useful info. thanks !
thanks for posting these useful stuff, keep going!
Hey I just wanna say thank you sir.
Thank you.
Keep going.
Thank you for the upto date tutorial. I hope your channel grows.
hey may i ask you what keyboard you are using?
Great job
I wish to make a react-Query theme
hi pleasz make vedio on shad cn costumise component until you cant reconize them
keep going man
Great git tutorial ❤
Awesome Tutorial
Great work bro.👊
amazing tutorial, keep going!
Great job, man ❤
帽强
👍