Back to Directory
ReactVercelBest Practices

vercel-react-best-practices

vercel-labs/agent-skills
Installation
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

Description

Vercel React Best Practices. Guidance for building high-performance, accessible React applications deployed on Vercel.

How to Use

Vercel React Best Practices

This guide covers best practices for building high-performance, accessible React applications deployed on Vercel.

Core Concepts

  1. Server Components: Use Server Components by default for better performance and SEO.
  2. Streaming: Implement streaming to show UI sooner.
  3. Image Optimization: Use 
    next/image
    for automatic image optimization.

Installation

npm install @vercel/analytics

Usage

Import the analytics component in your root layout:

import { Analytics } from '@vercel/analytics/react';

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Analytics />
      </body>
    </html>
  );
}

Metadata

Rank#1
Repositoryagent-skills
Ownervercel-labs