Introduction to Next.js _ NextJs Tutorial for Beginners #1
"Introduction to Next.js" is the first tutorial video in a series aimed at beginners interested in learning Next.js, a popular React framework for building web applications. In this video, viewers are introduced to the basics of Next.js, including its fea
Our first Next.js website _ NextJs Tutorial for Beginners #2
"Our First Next.js Website" is the second tutorial video in a series designed for beginners learning Next.js, a React framework for web development. In this video, viewers are guided through the process of creating their first Next.js website from scratch
File Based Routing in Next.js _ NextJs Tutorial for Beginners #3
"File-Based Routing in Next.js" is the third tutorial video in a beginner-friendly series focused on learning Next.js, a React framework for web development. In this video, viewers are introduced to the concept of file-based routing, a powerful feature of
JavaScript and React Refresher for Next.js _ NextJs Tutorial for Beginners #4
"JavaScript and React Refresher for Next.js" is the fourth tutorial video in a series tailored for beginners learning Next.js, a React framework for web development. In this video, viewers are provided with a refresher on essential concepts in JavaScript
Project 1_ Hunting Coder - A Coder's Blog _ NextJs Tutorial for Beginners #5
"Project 1: Hunting Coder - A Coder's Blog" is the fifth tutorial video in a beginner-oriented series focusing on Next.js, a React framework for web development. In this video, viewers embark on a practical project-building journey where they create a cod
Head and Script Component in Next.js _ NextJs Tutorial for Beginners #6
The sixth tutorial video in the series "Head and Script Component in Next.js" focuses on introducing the concepts of the `<Head>` and `<Script>` components in Next.js. These components play crucial roles in managing metadata and injecting scripts into the
Image Component in Next.js _ NextJs Tutorial for Beginners #7
The seventh tutorial video in the series, "Image Component in Next.js," introduces viewers to the powerful `<Image>` component in Next.js. This component simplifies the process of optimizing and displaying images on web pages, enhancing performance and us
Creating Multiple Pages in Next.js _ NextJs Tutorial for Beginners #8
The eighth tutorial video in the series, "Creating Multiple Pages in Next.js," focuses on guiding beginners through the process of building a multi-page Next.js application. Viewers learn how to create additional pages within their Next.js projects and se
Link component in Next.js - Understanding next_link _ NextJs Tutorial for Beginners #9
The ninth tutorial video in the series, "Link component in Next.js - Understanding next_link," provides beginners with a comprehensive overview of the `<Link>` component in Next.js. This essential component facilitates client-side navigation between pages
Component Level CSS in Next.js _ NextJs Tutorial for Beginners #10
In the tenth tutorial video of the series, "Component Level CSS in Next.js," beginners are introduced to the concept of styling individual components in Next.js applications. The tutorial focuses on utilizing Component Level CSS, a method that allows deve
Adding Global Styles in Next.js _ NextJs Tutorial for Beginners #11
In the eleventh tutorial video titled "Adding Global Styles in Next.js," beginners are guided through the process of incorporating global styles into Next.js applications. This tutorial demonstrates how to define and apply global CSS styles across all pag
Styled jsx in Next.js _ NextJs Tutorial for Beginners #12
In the twelfth tutorial video titled "Styled JSX in Next.js," beginners are introduced to the powerful styling solution provided by Next.js called Styled JSX. This tutorial covers how to use Styled JSX, a CSS-in-JS library built into Next.js, to style Rea
Basic Cleanup of Hunting Coder Blog _ NextJs Tutorial for Beginners #13
In the thirteenth tutorial video titled "Basic Cleanup of Hunting Coder Blog," beginners are guided through the process of performing essential cleanup tasks on the "Hunting Coder" blog project created earlier in the series. This tutorial covers various c
Displaying Navbar on all pages _ NextJs Tutorial for Beginners #14
In the fourteenth tutorial video titled "Displaying Navbar on all pages," beginners are provided with guidance on how to create a consistent navigation experience across all pages of a Next.js application. This tutorial demonstrates how to implement a nav
Creating Blog and Blogpost page _ NextJs Tutorial for Beginners #15
In the fifteenth tutorial video, "Creating Blog and Blogpost Page," beginners are guided through the process of building essential pages for a blog within a Next.js application. The tutorial covers creating both the main blog page, where all blog posts ar
Adding blog jsons as data _ NextJs Tutorial for Beginners #16
In the sixteenth tutorial video, "Adding Blog JSONs as Data," beginners are instructed on how to incorporate JSON files as data sources for their Next.js blog project. This tutorial covers the process of structuring and formatting JSON files to represent
Introduction to API Routes in Next.js _ NextJs Tutorial for Beginners #17
In the seventeenth tutorial video, "Introduction to API Routes in Next.js," beginners are introduced to the concept of API routes and how to implement them within a Next.js application. The tutorial covers the basics of creating API routes, which enable d
Creating endpoints to get one_all blogposts _ NextJs Tutorial for Beginners #18
In the eighteenth tutorial video, "Creating Endpoints to Get One/All Blog Posts," beginners are guided through the process of setting up API endpoints within a Next.js application to retrieve blog post data. This tutorial focuses on creating endpoints to
Using the API Endpoints _ NextJs Tutorial for Beginners #19
In the nineteenth tutorial video, "Using the API Endpoints," beginners are shown how to integrate the API endpoints created in the previous tutorial into their Next.js application. This tutorial focuses on making requests to these endpoints from client-si
Fetching BlogPost using _getblog Endpoint _ NextJs Tutorial for Beginners #20
In the twentieth tutorial video, "Fetching BlogPost using _getblog Endpoint," beginners are guided through the process of fetching individual blog posts from a Next.js application using a custom `_getblog` API endpoint. This tutorial focuses on implementi
Prerendering Strategies in Next.js _ NextJs Tutorial for Beginners #21
In the twenty-first tutorial video, "Prerendering Strategies in Next.js," beginners are introduced to various prerendering strategies available in Next.js for optimizing website performance. This tutorial covers the concepts of server-side rendering (SSR)
Server Side Rendering - getServerSideProps() in Next.js _ NextJs Tutorial for Beginners #22
In the twenty-second tutorial video, "Server Side Rendering - getServerSideProps() in Next.js," beginners are introduced to the `getServerSideProps()` function in Next.js, which enables server-side rendering (SSR) for dynamic data fetching. This tutorial
Static site generation, getStaticProps() & getStaticPaths _ NextJs Tutorial for Beginners #23
In the twenty-third tutorial video, "Static Site Generation, getStaticProps() & getStaticPaths," beginners are introduced to static site generation (SSG) in Next.js and the corresponding functions `getStaticProps()` and `getStaticPaths()`. This tutorial f
Rendering HTML text using dangerouslySetInnerHTML in Next.js _ NextJs Tutorial for Beginners #24
In the twenty-fourth tutorial video, "Rendering HTML Text using dangerouslySetInnerHTML in Next.js," beginners are guided through the process of rendering HTML content within their Next.js applications using the `dangerouslySetInnerHTML` attribute. This t
Creating an API to save Contact Data _ NextJs Tutorial for Beginners #25
In the twenty-fifth tutorial video, "Creating an API to Save Contact Data," beginners are shown how to develop a custom API endpoint in a Next.js application to handle the storage and retrieval of contact information. This tutorial focuses on implementing