SidKH

How to apply different transition types to navigation in Next.js 16.2

next.config.ts

Enable viewTransitions in Next config.

Next.js: experimental.viewTransition

import type { NextConfig } from "next";

SidKH

# Async request APIs

APIs that rely on request specific data (headers, cookies, params, and searchParams) are async

Example:

```tsx
import { headers, cookies } from "next/headers";

type Params = Promise<{ slug: string }>;

SidKH

:root {

  /* Fon family */
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --font-default: var(--font-sans);

  /* Font size */
  --text-xs: .75rem/1rem var(--font-default);