Skip to main content

Next.JS

Uso con Next.js

Next.js es un framework que permite renderizado híbrido y SSR. Para usar essential-materials en Next.js:

  1. Crea un nuevo proyecto Next.js:
npx create-next-app@latest mi-next-app --typescript
  1. Instala la librería:
cd mi-next-app
npm install essential-materials
  1. Importa los componentes en una página:
import { Avatar } from "essential-materials";
import "essential-materials/dist/index.css";

export default function Home() {
return <Avatar src="https://i.pravatar.cc/150?img=1" size="small" />;
}

Inicia el servidor con:

npm run dev