nextjs Questions

1 months ago

Next.js: what is the best way to fetch data on the server?

I’m working on a Next.js project and I want to understand the most correct way to fetch API data in a page using server-side rendering.

I tried using useEffect, but the initial content is not available immediately and I’d like to avoid SEO issues and hydration mismatches.

What is the recommended approach between Server Components, getServerSideProps, and client-side fetching?

Are there cases where one is better than the others?

Matteo Marconi

Answers

Upvotes

Views

1 months ago

How to set up CI/CD pipeline for a Next.js app on Vercel with GitHub Actions?

I want to automatically run tests and type-checking before each deployment to Vercel. Currently I just push to main and Vercel deploys automatically, but sometimes broken code gets deployed.

My stack: Next.js 14, TypeScript, Vitest for tests. How do I set up GitHub Actions to block the deployment if tests fail?

nextjs

deployment

git

2 months ago

How to implement dark mode with Tailwind CSS and Next.js?

I want to add a dark mode toggle to my Next.js app using Tailwind's built-in dark mode support. I want to:

Respect the user's OS preference by default
Allow manual override with a toggle button
Persist the preference in localStorage
Avoid flash of unstyled content (FOUC)

What's the correct implementation? Should I use next-themes or roll my own?

tailwindcss

nextjs

2 months ago

React Server Components — how to handle client-side state within them?

I'm migrating my Next.js app to use React Server Components (RSC). I love the performance benefits, but I'm confused about the boundary.

Specifically: I have a ProductList RSC that fetches products, but each product card needs a client-side "Add to Cart" button with optimistic UI. What's the recommended pattern?

react

nextjs

Sofia Greco

asked 2 months ago

3 months ago