Refresh server state with Next.js 13 and GraphQL

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


#nextjs #react #graphql
  1. Jamie Barton
  2. web development
  3. reactjs
  4. javascript
  5. es2015
  6. html
Рекомендации по теме
Refresh server state 0:04:25

Refresh server state with Next.js 13 and GraphQL

How to refresh 0:00:59

How to refresh your react server components when data changes #shorts

Refresh React Server 0:10:10

Refresh React Server Components

DON'T Make This 0:05:14

DON'T Make This Mistake with Next.js Server Components (BAD performance!)

Next.js Server Actions 0:28:07

Next.js Server Actions (revalidatePath, useFormStatus & useOptimistic)

Fix Next.js Server 0:03:57

Fix Next.js Server Refresh Issue

This Makes State 0:04:01

This Makes State Management so Much Easier

React Server Components 0:15:48

React Server Components Change Everything

Day5 - Next.js 0:17:53

Day5 - Next.js Course - Data Fetching

Server vs Client 0:03:07

Server vs Client Side Data Fetching in Next.js 14

Next.js 14 - 0:14:23

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

A Beginners Guide 0:01:10

A Beginners Guide to Next.js Building Server-Rendered React Applications #nextjs #nodejs #javascript

React Js How 0:06:59

React Js How to REFRESH a Component | Best Practice

Using Hasura for 0:13:30

Using Hasura for server state and Zustand for local state in NextJS (add refresh token docs link)

My Problem with 0:10:13

My Problem with Next.js Server Actions

Using Forms in 0:10:27

Using Forms in Next.js (Server Actions, Revalidating Data)

Loading State With 0:00:47

Loading State With Next.js Server Actions #nextjs14 #javacript

Chapter #13: Next 0:08:24

Chapter #13: Next 13 : To-Do App - Understand router.refresh() . #nextjs13 #nextjs #reactjs #html

How to Show 0:01:00

How to Show a Loading Indicator for React Server Components (Suspense Boundary)

Next 14 + 0:09:49

Next 14 + React Query COMBO with Server Actions and RSC

useOptimistic for Optimistic 0:09:28

useOptimistic for Optimistic UI in Next.js Server Actions (+ Revalidate)

How to Share 0:00:50

How to Share Data Between Server Components in Next.js 13 💡#nextjs #nextjs13 #nextjstutorial

Level Up Your 0:01:00

Level Up Your Web Development with Next.js 13 Server Actions

Nextjs 14 Simple 0:16:09

Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle

Комментарии
Автор

very well explained & easy to follow, thank you Jamie 👏 Looking forward to see graphql client usage

muratasarslan
Автор

How about a situation where there is a need to navigate to the home page after clicking the button. One of my situation is, using router.push('/') to push the navigation to the homepage, but the data isn't refresh (data from database). Does the same trick using the router.refresh() worked, and example would be nice.

sereyvathanakkhorn
Автор

Nice video, more of next13 videos please!
If you already have a backend with graphql, what tool a do you recommend for the best frontend developer experience? Graphql codegen?

danielf
Автор

Hmm, how about updating the data on different page (directory)? So let's say I'm creating a new post on /create-post and I want to update my posts listing on the /blog page so that the newly created post is included (without reloading). Can you help me with that?

filipchrapek