Next.js

Learn how to use Async Local Storage to prevent props drilling in your Next.js Route handlers.

When working with React Server Components and other new features and patterns in the Next.js App Router, it can be hard to manage advanced search param filtering. In this blog post, we will explore how to implement advanced search param filtering in the Next.js App Router, utilizing React 19 features like useOptimistic and the library nuqs.

Learn how to build and run a Next.js Docker image with client accessible envinroment variables using the app router.

How to use public variables in Next.js

Using the Pino logging library to add structured logging to Next.js. How to set up logging to JSON for Next.js.

Using the Pino logging library to add structured logging to Next.js. How to set up logging to JSON for Next.js.

An onboarding wizard flow for Next.js powered by framer motion - uixmat/onborda

useQueryState hook for Next.js - Like React.useState, but stored in the URL query string. - 47ng/next-usequerystate: useQueryState hook for Next.js - Like React.useState, but stored in the URL quer...

Open source Next.js serverless adapter. Contribute to serverless-stack/open-next development by creating an account on GitHub.

An open source application built using the new router, server components and everything new in Next.js 13. - GitHub - shadcn/taxonomy: An open source application built using the new router, server ...

Learn about the upcoming routing and layouts changes to Next.js.

Add a component that dynamically swaps between next/link and a native anchor tag, and decides how to write the target attribute, all based on the href property.

With the release of Next.js 12, Vercel Edge Functions have been announced, allowing for super speedy edge-optimised functions. They can also be used as helpful Next.js middleware functions. In this article I'll explain what they are & how to use them, before diving into a few examples.

In this blog post I'm introducing a dangerously good application development duo, Next.js and Docker....

A type safe, zero dependency layout solution with data fetching capabilities for Next.js. - abergenw/next-page-layout: A type safe, zero dependency layout solution with data fetching capabilities f...

How to disable SSR for Non-SSR Friendly Components in Next.js

I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.

Next.js 11 - JWT Authentication Example. Contribute to cornflourblue/next-js-11-jwt-authentication-example development by creating an account on GitHub.

Начинаем с чистой головойМой вывод - если нужно гнаться за sео, то NextJS (React) не выбор. Мой предел - 90-93 perfomance по оценке lighthouse. Предложение - NuxtJS (Vue.js).И вот почему я считаю что...

In this blog post, we are going to learn how to test our GraphQL operations on an Apollo client in a React application. Quality means doing it right when no one is looking! – Henry Ford Mocked Provider The Apollo MockedProvider is used to wrap the components tree for testing. This is similar to how we …

Initial Reading In the previous post, we learned about configuring the Apollo Client, within our React application. We learned about how to execute queries to retrieve data from the GraphQL server. This blog post, is a continuation of the previous article. In this post, we will learn how to execute mutations using the Apollo Client …

Hosting with a wildcard subdomain enables your users to visit your site on any subdomain of your domain (*.example.com), and as you can imagine, we can use this to create unique user experiences which we’ll be exploring in this article through a Next.js lens.

Question 💬 I have been troubleshooting NextAuth config for several days now, trying to get it to work with GraphQL+Apollo client Login, Register, and Refresh Token mutations that are fetched from a...

Это первая часть статьи о применении комбинации технологий nest.js и NEXT.js, где будет рассмотрено создание проекта, подключение фреймворков и выбор эффективног...

Example monorepo for NextJS applications using Yarn Workspaces 🧐 - nextjs-sharing-code-monorepo/README.md at master · cpv123/nextjs-sharing-code-monorepo

Фреймворк Next.js динамично развивается, он сделал огромный скачок вперед, и поэтому многие предыдущие статьи о нем могли устареть. На момент написания этой статьи действует версия 10.2.3. Предлагаю заглядывать в документацию при использовании примеров, так как некоторые рекомендации могут устаревать из-за улучшившегося API.