codingwithks
codingwithks
  • Видео 30
  • Просмотров 5 698
Next.js Database-3-CRUD Operation | Nextjs Prisma Tutorial | Next.js Database CRUD
This Next.js 14 and 15 tutorial explains how to perform CRUD operations on a database using Prisma Client.
Build API in Next.js: ruclips.net/video/kZSzlozsAvg/видео.htmlsi=GRBq2JQNzay-9371
Next.js Database Integrations: ruclips.net/video/oJ3IyT0TfiA/видео.htmlsi=WwpamEoh2Jfpo6yw
00:00 Intro
00:14 Create data
06:28 Get data
08:35 Update data
14:25 Delete data
Next.js 14
Next.js 15
Next.js Tutorial
Next.js 14 Tutorial
Next js 14
Next.js Tutorial for Beginners
Next.js CRUD
Prisma CRUD in Next.js
Prisma in Next js
Nextjs Prisma tutorial
Next.js Prisma Client
Next js Tutorial
Next js 14 Prisma
Next js 15 Prisma Tutorial
Next js 15 Prisma
#nextjs13
#programming #react #reactjs
#nextjs #webdevelopment #nextjs14 #nex...
Просмотров: 67

Видео

Next.js Database-2-Model, Migration and Prisma Client | Prisma Model | Prisma Client18:33Next.js Database-2-Model, Migration and Prisma Client | Prisma Model | Prisma Client
Next.js Database-2-Model, Migration and Prisma Client | Prisma Model | Prisma Client
Просмотров 13514 дней назад
This Next.js 14 and 15 tutorial explains how to build and migrate models. Also, how to set up Next.js with Prisma Client. The model is the structure of the database table. Migration is the process of transforming a model into the actual database. Prisma client allows us to interact with the database. Next.js 14 Next.js 15 Next.js Tutorial Next.js 14 Tutorial Next js 14 Next.js Tutorial for Begi...
Next.js Database Integration-1-Prisma Setup | Database | Prisma ORM | Next js Database Integrations12:00Next.js Database Integration-1-Prisma Setup | Database | Prisma ORM | Next js Database Integrations
Next.js Database Integration-1-Prisma Setup | Database | Prisma ORM | Next js Database Integrations
Просмотров 17528 дней назад
This Next.js 14 and 15 tutorial explains integrating databases using the Prisma ORM. Next.js blurs the lines between client and server. It allows pre-rendering pages at build time (SSG) or request time (SSR). If work requires interfacing with a database inside an application developed with Next.js, Prisma would be the perfect companion. You could determine whether you wanted to use Prisma to ac...
Next.js Building API-3-PUT and DELETE Handler | PUT and DELETE HTTP Method | Next.js API Tutorial10:09Next.js Building API-3-PUT and DELETE Handler | PUT and DELETE HTTP Method | Next.js API Tutorial
Next.js Building API-3-PUT and DELETE Handler | PUT and DELETE HTTP Method | Next.js API Tutorial
Просмотров 185Месяц назад
This Next.js 14 and 15 tutorial explains how to build an API for updating and deleting server data. The PUT handler lets you update data on the server, whereas DELETE will enable you to delete or remove data. In the route.ts file, you can specify both of these methods. Next.js 14 Next.js 15 Next.js Tutorial Next.js 14 Tutorial Next js 14 Next.js Tutorial for Beginners Next js Building API Next ...
Next.js Building API-2-GET and POST Handler | GET and POST HTTP Method | Next.js API Tutorial9:31Next.js Building API-2-GET and POST Handler | GET and POST HTTP Method | Next.js API Tutorial
Next.js Building API-2-GET and POST Handler | GET and POST HTTP Method | Next.js API Tutorial
Просмотров 252Месяц назад
This Next.js 14 and 15 tutorial explains how to build the API to get and retrieve the data from the server. The GET handler allows you to retrieve data from the server, whereas POST will enable you to create or add new data to the server. In the route.ts file, you can specify both of these methods. Both methods accept a NextRequest object as a parameter, allowing you to grab all the request dat...
Next.js Building API-1-Route Handlers | Route Handler HTTP Methods | Next.js API Tutorial5:19Next.js Building API-1-Route Handlers | Route Handler HTTP Methods | Next.js API Tutorial
Next.js Building API-1-Route Handlers | Route Handler HTTP Methods | Next.js API Tutorial
Просмотров 468Месяц назад
This Next.js 14 and 15 tutorial explains how to build the API using the route handlers. Route Handlers allow you to define custom request handlers for a given route using the Web Request and Response APIs. A Route Handler is defined in a route.js|ts file inside the app directory. Just like page.js and layout.js, Route Handlers can be nested inside the app directory. However, a route.js file can...
Next.js Loading UI | Next.js Suspense Component | Next.js Loading UI Tutorials8:58Next.js Loading UI | Next.js Suspense Component | Next.js Loading UI Tutorials
Next.js Loading UI | Next.js Suspense Component | Next.js Loading UI Tutorials
Просмотров 439Месяц назад
This Next.js 14 and 15 tutorial explains the loading UI, which shows a spinner, loading component, or progress bar while fetching data from the server. A loading UI, or loading user interface, is what users see while they are waiting for a web page or part of a web page to finish loading. It's kind of a "please wait" sign that tells users something is happening behind the scenes. In Next.js 14,...
Next.js Navigate Programmatically | Next.js useRouter Hook | Next.js Navigating Programmatically3:24Next.js Navigate Programmatically | Next.js useRouter Hook | Next.js Navigating Programmatically
Next.js Navigate Programmatically | Next.js useRouter Hook | Next.js Navigating Programmatically
Просмотров 1362 месяца назад
This Next.js 14 and 15 tutorial shows how to do navigation programmatically using useRouter() hook If you are using Client Components, the useRouter hook lets us programmatically change routes inside. router.push() Navigate to the given route. Inserts a new item into the history stack of the browser. Next.js 14 Next.js 15 Next.js Tutorial Next.js 14 Tutorial Next js 14 Next.js Tutorial for Begi...
Next.js Static and Dynamic Rendering | Static Rendering | Dynamic Rendering in Next.js Tutorial5:58Next.js Static and Dynamic Rendering | Static Rendering | Dynamic Rendering in Next.js Tutorial
Next.js Static and Dynamic Rendering | Static Rendering | Dynamic Rendering in Next.js Tutorial
Просмотров 3922 месяца назад
This Next.js 14 and 15 tutorial explains static and dynamic rendering and how to do it. Static rendering fetches and renders data on the server at build time (when you deploy) or when revalidating data. Whenever a user visits your application, it serves the cached result. With dynamic rendering, each user's content is rendered on the server at the request time (when the user visits the page). N...
Next.js Control Caching| Next.js Caching Tutorials | Next js 14 Caching Tutorial3:52Next.js Control Caching| Next.js Caching Tutorials | Next js 14 Caching Tutorial
Next.js Control Caching| Next.js Caching Tutorials | Next js 14 Caching Tutorial
Просмотров 1672 месяца назад
Learn how to control caching in next.js 14 and 15 using the fetch() method. Use the different option objects in the fetch() method. Next.js 14 Next.js 15 Next.js Tutorial Next js Caching Options Next.js 14 Tutorial Next.js Tutorial for Beginners Next js Caching Nextjs Next js Control Caching Caching in Next.js Next js fetch() Method Caching Next js Caching Next js Fetch() Caching Next js 14 ISR...
Next.js Caching | Next.js Cache Tutorial | How Cache Work in Next.js | Next.js Beginner Tutorials4:18Next.js Caching | Next.js Cache Tutorial | How Cache Work in Next.js | Next.js Beginner Tutorials
Next.js Caching | Next.js Cache Tutorial | How Cache Work in Next.js | Next.js Beginner Tutorials
Просмотров 2602 месяца назад
This Next.js 14 and 15 tutorial explains caching and how it works, as well as how to control it on the server side. You can fetch the server-side data using Next.js's fetch() method in Next.js. The benefit of fetching data on the server side is caching. Data or content repeatedly accessed is cached in part of the web application used for fast access. This will improve the application's performa...
Next.js Data Fetching | Next.js Server Side Data Fetching | Next.js fetch() Method Tutorials17:53Next.js Data Fetching | Next.js Server Side Data Fetching | Next.js fetch() Method Tutorials
Next.js Data Fetching | Next.js Server Side Data Fetching | Next.js fetch() Method Tutorials
Просмотров 3772 месяца назад
Learn how to fetch data on the server side in the next.js 14 and 15 using the fetch() method. Next.js 14 Next.js 15 Next.js Tutorial Next.js 14 Tutorial Next.js Tutorial for Beginners Next js Server Side Data Fetching Next js server component Data Fetching in Next.js Next js fetch() Method Next js Data Fetching Next js Fetch Method Next js Tutorial Next js Fetch Data Server Side Next js 14 #nex...
Next.js Active Links | Next.js usePathname Hook | Next js usePathname Hook Tutorials11:05Next.js Active Links | Next.js usePathname Hook | Next js usePathname Hook Tutorials
Next.js Active Links | Next.js usePathname Hook | Next js usePathname Hook Tutorials
Просмотров 2132 месяца назад
This Next.js 14 and 15 tutorial explains how to make active links using the usePathname() hook of the next js. Next.js usePathname hook is a Client Component hook that allows you to read the current URL's pathname. Purposely makes usePathname dependent on having a Client Component. Note: Client Components are not a deoptimization. For example, a Client Component will be serialized into the init...
Next.js CSR and SSR | Next.js Client Side Rendering | Next.js Server Side Rendering Tutorials6:44Next.js CSR and SSR | Next.js Client Side Rendering | Next.js Server Side Rendering Tutorials
Next.js CSR and SSR | Next.js Client Side Rendering | Next.js Server Side Rendering Tutorials
Просмотров 2992 месяца назад
We will learn in this Next.js 14 and 15 video: Execution Environments: Server (data center) versus Client (user's browser). Network Boundary: Separating server and client code to maximize performance. Client-Side Rendering (CSR): The browser will render content using JavaScript during runtime. Cons: slower initial load, SEO, and performance issues on low-end devices. Server-Side Rendering (SSR)...
Next.js Link Component URL Object | Next.js Beginner Tutorials | Next js Link Component URL Object4:51Next.js Link Component URL Object | Next.js Beginner Tutorials | Next js Link Component URL Object
Next.js Link Component URL Object | Next.js Beginner Tutorials | Next js Link Component URL Object
Просмотров 992 месяца назад
This Next.js 14 and 15 tutorial explains how to pass a URL object to the Link Component. The URL object allows query strings and parameters to be sent by simply passing in an object to the Next.js Link component. We will use a URL object for dynamic routing, where different pages are rendered based on the URL parameter. Next.js 14 Next.js 15 Next.js Tutorial Next.js 14 Tutorial Next.js Tutorial...
Next.js searchParams | Next.js Access Query String Parameters | Next.js searchParams Props Tutorials6:32Next.js searchParams | Next.js Access Query String Parameters | Next.js searchParams Props Tutorials
Next.js searchParams | Next.js Access Query String Parameters | Next.js searchParams Props Tutorials
Просмотров 882 месяца назад
Next.js searchParams | Next.js Access Query String Parameters | Next.js searchParams Props Tutorials
Next.js Link Component | Next.js Linking and Navigation | Next.js Link Component Tutorials6:47Next.js Link Component | Next.js Linking and Navigation | Next.js Link Component Tutorials
Next.js Link Component | Next.js Linking and Navigation | Next.js Link Component Tutorials
Просмотров 702 месяца назад
Next.js Link Component | Next.js Linking and Navigation | Next.js Link Component Tutorials
Next.js Route Group Layout | Route Group Layout in Next js | Next js Route Group Layouts Tutorial5:25Next.js Route Group Layout | Route Group Layout in Next js | Next js Route Group Layouts Tutorial
Next.js Route Group Layout | Route Group Layout in Next js | Next js Route Group Layouts Tutorial
Просмотров 872 месяца назад
Next.js Route Group Layout | Route Group Layout in Next js | Next js Route Group Layouts Tutorial
Next.js Nested Layouts | Nested Layouts in Next.js | Next js Nested Layout Tutorials4:30Next.js Nested Layouts | Nested Layouts in Next.js | Next js Nested Layout Tutorials
Next.js Nested Layouts | Nested Layouts in Next.js | Next js Nested Layout Tutorials
Просмотров 732 месяца назад
Next.js Nested Layouts | Nested Layouts in Next.js | Next js Nested Layout Tutorials
Next.js Layouts | Layouts in Next.js | Next js Shared UI | Nextjs Beginner Layout Tutorials8:27Next.js Layouts | Layouts in Next.js | Next js Shared UI | Nextjs Beginner Layout Tutorials
Next.js Layouts | Layouts in Next.js | Next js Shared UI | Nextjs Beginner Layout Tutorials
Просмотров 902 месяца назад
Next.js Layouts | Layouts in Next.js | Next js Shared UI | Nextjs Beginner Layout Tutorials
Next.js Route Groups | Route Groups in Next js| Next.js Route Groups Tutorials7:18Next.js Route Groups | Route Groups in Next js| Next.js Route Groups Tutorials
Next.js Route Groups | Route Groups in Next js| Next.js Route Groups Tutorials
Просмотров 1222 месяца назад
Next.js Route Groups | Route Groups in Next js| Next.js Route Groups Tutorials
Next.js Private Folders | Next.js Feature Private Folder | Next.js Project Organization Tutorial5:34Next.js Private Folders | Next.js Feature Private Folder | Next.js Project Organization Tutorial
Next.js Private Folders | Next.js Feature Private Folder | Next.js Project Organization Tutorial
Просмотров 2052 месяца назад
Next.js Private Folders | Next.js Feature Private Folder | Next.js Project Organization Tutorial
Next.js Colocate Files | Next.js Beginner Tutorial | Next.js File Organization Tutorial4:39Next.js Colocate Files | Next.js Beginner Tutorial | Next.js File Organization Tutorial
Next.js Colocate Files | Next.js Beginner Tutorial | Next.js File Organization Tutorial
Просмотров 972 месяца назад
Next.js Colocate Files | Next.js Beginner Tutorial | Next.js File Organization Tutorial
Install Shadcn withNext.js | Shadcn UI with Next.js | Next js Shadcn Tutorial3:15Install Shadcn withNext.js | Shadcn UI with Next.js | Next js Shadcn Tutorial
Install Shadcn withNext.js | Shadcn UI with Next.js | Next js Shadcn Tutorial
Просмотров 462 месяца назад
Install Shadcn withNext.js | Shadcn UI with Next.js | Next js Shadcn Tutorial
Next.js Not Found Page 404 | Next.js 404 Error | Next.js notFound Function | Next.js Tutorial9:03Next.js Not Found Page 404 | Next.js 404 Error | Next.js notFound Function | Next.js Tutorial
Next.js Not Found Page 404 | Next.js 404 Error | Next.js notFound Function | Next.js Tutorial
Просмотров 3192 месяца назад
Next.js Not Found Page 404 | Next.js 404 Error | Next.js notFound Function | Next.js Tutorial
Next.js Catch All Segments | Next.js Beginner Tutorial | Next.js Catch Multiple Segments Tutorial11:24Next.js Catch All Segments | Next.js Beginner Tutorial | Next.js Catch Multiple Segments Tutorial
Next.js Catch All Segments | Next.js Beginner Tutorial | Next.js Catch Multiple Segments Tutorial
Просмотров 2162 месяца назад
Next.js Catch All Segments | Next.js Beginner Tutorial | Next.js Catch Multiple Segments Tutorial
Next.js Dynamic Routing | Dynamic Routing in Next.js | Next.js App Router Beginner Tutorials14:40Next.js Dynamic Routing | Dynamic Routing in Next.js | Next.js App Router Beginner Tutorials
Next.js Dynamic Routing | Dynamic Routing in Next.js | Next.js App Router Beginner Tutorials
Просмотров 1683 месяца назад
Next.js Dynamic Routing | Dynamic Routing in Next.js | Next.js App Router Beginner Tutorials
Next.js Routing | Routing in Next.js | App Router in Next.js | Next.js Beginner Tutorial9:44Next.js Routing | Routing in Next.js | App Router in Next.js | Next.js Beginner Tutorial
Next.js Routing | Routing in Next.js | App Router in Next.js | Next.js Beginner Tutorial
Просмотров 1124 месяца назад
Next.js Routing | Routing in Next.js | App Router in Next.js | Next.js Beginner Tutorial
Next.js Project Structure Beginner Tutorial | File and Folder Structure Next.js 14 | Beginner Guide9:23Next.js Project Structure Beginner Tutorial | File and Folder Structure Next.js 14 | Beginner Guide
Next.js Project Structure Beginner Tutorial | File and Folder Structure Next.js 14 | Beginner Guide
Просмотров 2574 месяца назад
Next.js Project Structure Beginner Tutorial | File and Folder Structure Next.js 14 | Beginner Guide
How to install Next js in Windows | Create a New Next.js Project |How to Install Next.js Guide2:54How to install Next js in Windows | Create a New Next.js Project |How to Install Next.js Guide
How to install Next js in Windows | Create a New Next.js Project |How to Install Next.js Guide
Просмотров 954 месяца назад
How to install Next js in Windows | Create a New Next.js Project |How to Install Next.js Guide

Комментарии

  • @JugeshBind-u1h
    @JugeshBind-u1h 15 дней назад

    Make more

  • @haiderjaafer8164
    @haiderjaafer8164 Месяц назад

    Great work... It will a series of tutorials

  • @nehasingh-nw1mp
    @nehasingh-nw1mp Месяц назад

    Best ❤❤❤😂

  • @eyerahulk
    @eyerahulk Месяц назад

    Nice one

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 Месяц назад

    Nice

  • @ankittiwary3712
    @ankittiwary3712 Месяц назад

    ❤❤❤❤❤❤❤ Awesome

  • @cw_king..
    @cw_king.. Месяц назад

    Keep going bro

  • @262sanjeev
    @262sanjeev Месяц назад

    Nice ❤

  • @nehasingh-nw1mp
    @nehasingh-nw1mp Месяц назад

    Make more for us ❤❤

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Excellent

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @orchitiadi
    @orchitiadi 2 месяца назад

    I have issue with notFound function. The function not set the statuscode to 404 and make Google Search Console indicate as Soft 404. How to fix this?

    • @codingwithks
      @codingwithks 2 месяца назад

      first sorry for the late reply. Instead of notFound(), you can explicitly set the status code to 404 and return a custom Not Found page. Also ensure that your robots.txt file is configured appropriately to allow search engine crawlers to access your 404 pages. Here is the link to create custom 404 error page: nextjs.org/docs/pages/building-your-application/routing/custom-error#customizing-the-404-page

    • @codingwithks
      @codingwithks 2 месяца назад

      Also not able to fix, you can show me the code or got any repo just share with me, I will see and try to fix the issue

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @cw_king..
    @cw_king.. 2 месяца назад

    Very helpful tips💡 in video😊😊

  • @cw_king..
    @cw_king.. 2 месяца назад

    This video is very late so please post next very fast ❤❤🎉🎉

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Nice

  • @cw_king..
    @cw_king.. 2 месяца назад

    This video is best of all till today ❤❤❤🎉🎉😊😊

  • @HarshitaSingh-jz8ws
    @HarshitaSingh-jz8ws 2 месяца назад

    NYC 👏👏

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Very well

  • @cw_king..
    @cw_king.. 2 месяца назад

    Fair video today make more video ❤❤❤

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    don't stop making videos like this

  • @cw_king..
    @cw_king.. 2 месяца назад

    Video is very good I saw this video one time and the topic is clear fully and it is very good video❤❤❤🎉🎉

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @haiderjaafer8164
    @haiderjaafer8164 2 месяца назад

    Great work... Hope to make tutorials on using Grid to make responsive design in tailwind in next js

  • @cw_king..
    @cw_king.. 2 месяца назад

    I learn easily the concept of error 404 video is knowledgeful bro

  • @bksingh8381
    @bksingh8381 2 месяца назад

    I learn easily bro to see this video ❤❤

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Nice

  • @cw_king..
    @cw_king.. 2 месяца назад

    You are genius bro the video is awesome

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    You are goat bro my concept is clear about how to create private folders, keep going

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Explained very well🎉

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @cw_king..
    @cw_king.. 2 месяца назад

    Nice

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @haiderjaafer8164
    @haiderjaafer8164 2 месяца назад

    Great work... Hope to make tutorials on next js and redux toolkit

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    V Nice

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Nice

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    V nice

  • @iancarr3923
    @iancarr3923 2 месяца назад

    Very useful, thanks!

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Nice

    • @codingwithks
      @codingwithks 2 месяца назад

      Thanks piyush you are watching my video regularly

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @thephalcon
    @thephalcon 2 месяца назад

    Plz complete

    • @codingwithks
      @codingwithks 2 месяца назад

      It is just one feature, tutorials with other features will be published soon.

  • @PRIYASINGH-db3vt
    @PRIYASINGH-db3vt 2 месяца назад

    You cleared my concept about handling 404 error

  • @PRIYASINGH-db3vt
    @PRIYASINGH-db3vt 2 месяца назад

    Good

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @262sanjeev
    @262sanjeev 2 месяца назад

    Nice

  • @piyushkumarsingh3976
    @piyushkumarsingh3976 2 месяца назад

    Nice