NextJS 14 - How to FETCH DATA, SERVER API Routes

Показать описание

This Next JS 14 Tutorial will show you how to fetch data from an external website, or how to fetch data from your own server. To fetch data from the server, I will create a Server API to post JSON data.

Video Time Markers
00:00 - Fetching Data
03:32 - Server API
06:20 - Pass Params to Server API
10:56 - Dynamic Server API
13:46 - POST data to Server API

To download the full code in this video, visit my Patreon.

Social Links

Рекомендации по теме

Комментарии

thank you very much! it was straightforward which is easy to understand. thank you.

User-wpsh

I really like the straightforward nature of this tutorial. Way to stay on task and show how to do the thing concisely.

BrendonGruis

some people used to set GET(req, res), if you use "res" in it you CAN NOT use {params} too, you'll probably get and error!(params is undefined)

محمدحسینمسلمی-حذ

Needed this just now. Thanks mate 😊.

Woyld love for you to do a tutorial where you show getting data and allowing them be in different pages. For example. If i had a side bar with profile and dashboard. How to make the data pass to the 2 pages without having to necessarily call the API again so that its very fast navigating.

legadax

wonderful tutorial ... plzz continue this.

coursereviewer

But doesn't it mean that the slugs are open and accessible to anyone?

ashwinmanghat

bro can you make a todo app with next js with external api fetch, typescript would be more related if you can.

blabla-kkbl

Hey, what is the difference between router handlers and api routes, and which one can i use in a next js 14 app?

AndresMartinez-sezl

lol, now main issue is how to get data from db in js file :)) u used static json array

farzad

Fetching to an outside url, in your example dummy.json/products didnt work for me :(

irule

Idk why they don’t update the docs. But great tutorial

unrullEE

some people used to set GET(req, res), if you use "res" in it you CAN NOT use {params} too, you'll probably get and error!(params is undefined)

محمدحسینمسلمی-حذ

NextJS 14 - How to FETCH DATA, SERVER API Routes

5 Tips and Tricks To Make Your Life With Next js 14 Easier

Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

Next.js in 100 Seconds // Plus Full Beginner's Tutorial

Next.js 14 Complete Course 2024 | Next.js 14 Full Stack App Tutorial for Beginners

NEXT.js 14 Full Course | Build and Deploy a Full Stack App w. Firebase & TailwindCSS

Mastering Next.js 14: A Comprehensive Guide to the Latest Features and Advanced Concepts!

The Most Efficient Next.JS 14 Beginner Tutorial (TypeScript, App Router, React Server Components)

Building REST APIs with Next.js 14 – Course for Beginners

Responsive Animated Minimal Website using Next.js TailwindCSS and GSAP and host it using Back4App

Next.js 14 Course For Beginners With Full Stack Next JS Project 2024

Next.js Full Course 2024 | Learn Next.js 14 In One Video | 14 Hours

Build Modern Next 14 Server Side App with Server Actions, Infinite Scroll & Framer Motion Animat...

Full Stack NextJS 14 E-Commerce Course 2024 Edition DEEP DIVE

NEW Next.js 14 Course Announcement!

The Truth About Next.js 14

Master Next JS 14 Complete Basic to Advance

Next.js 14 Tutorial - 14 - Layouts

NextJS 14 - How to FETCH DATA, SERVER API Routes

Next.js 14 Admin Dashboard Tutorial | Fullstack Next.js 14 Project with Server Actions

Next.js Conf Keynote (Next.js 14)

Learn NEXT.JS 14 🔥 Build a Static Markdown Blog Site

Next.js 14 Tutorial - 54 - Streaming

Next.js 14 - Server Actions TUTORIAL | Type Safety, Error Handling, Pending States

Next.js 14 Data Fetching - Avoid THIS Mistake Making Your Apps SLOW