Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle

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

## Check out my web dev courses below🔥

👨‍💻Connect with me

---

🎶 Dope tracks🔥

#react #nextjs

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

Комментарии

Hope you enjoy this one 🔥
If you want to also limit the number of requests you get back, you can use something like Drizzle's gte (greater then) function with the eq function. So your paramater can have something like 50:number, so you can fiter out ids that are below 50 for example 👍👍

developedbyed

Hey Ed! This is a great video, but I just wanted to mention that setting up Drizzle and the schema.ts file might seem a bit confusing at first for people who are totally new to this. Maybe you could add a bit more explanation in the beginning to break it down for beginners? It might be very boring to you to explain every detail but most people who come to see this video are like absolute beginners. The video is still awesome! And you're awesome too!

Code-szdb

What's the reason for making the getter function(s), i.e. getVariants, a server action versus just a regular async function?

EDIT: I figured this out the hard way after encountering the error [Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".]

This still makes little sense to me, can you shed any light on why these getters need now be server actions?

salieflewis

Thank you! More React Query content please!

codermeloman

Instead of setting onclick on Badges you can use Link Component,
By which you can make this component a server component as well

GucciKevin-qjnb

I can't seem to find this anywhere - how can I fetch data using ReactQuery and consume it in a server component ? It seems like everyone is prefetching on a server component -> creating a child component to actually consume the data.

kristoferhokr

Hey bro any plans on updating fullstack react course on your website? it's been a year !

hellokevin_

Isnt get varianta a server function? You are calling your db inside it and then importing it client side? Or am i misunderstanding something?

dawidwraga

hi, is this in the next course? thx !

mondistributeur

Oh god. I don't wanna say it. FIRST¿ 😂

somerandomdude-hoyeaaaaa

Why you are loading products on client side

chandrareddy

Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle

Nextjs 14 Simple Filtering Tutorial Server Actions, React Query Drizzle

Next.js Search Filter Tutorial For Beginners

Build and Deploy a Modern Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS

Search Filter in React JS - Filter Through Results

Build a Search Bar with Next.js and Prisma (Search API endpoint)

I Never Want to Create React Tables Any Other Way

Build and Deploy a Full Stack Next.js 14 Application | React, Next JS 14, TypeScript, Tailwind CSS

React JS filter, search and sort items using react-router v6

Shadcn ui Crash Course: Reactjs/Next.js 14 UI Components Everyone's Using!

Next.js No longer use SSR/SSG functions

Make a Search Bar with React (with API Calls) | Beginners Tutorial

Loading Your React Data Like This is Awesome

NextJS 13: REST APIs Made Simple

Senior Programmers vs Junior Developers #shorts

NextJS + State Management = Good Idea???

How to add 'Recommendations' to an e-commerce site

Best Programming Languages #programming #coding #javascript

Build A Simple CRUD API With Next.js 13 App Router (REST API)

11 years later ❤️ @shrads

Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

Coding for 1 Month Versus 1 Year #shorts #coding

NextJS 13 Tutorial: Create a Static Blog from Markdown Files

NEVER buy from the Dark Web.. #shorts

Nextjs 15 Dashboard App For Beginners [ Learn Next.js 15 & React 19 In 2 Hours ]