Next.js

Requirements

Use the Next.js CLI to scaffold a new project.

bash

npm create next-app@latest my-skeleton-app
cd my-skeleton-app

Install the Skeleton core and React component packages.

bash

npm i -D @skeletonlabs/skeleton @skeletonlabs/skeleton-react

Open your global stylesheet in /src/app/globals.css and add the following imports:

css

@import 'tailwindcss';

@import '@skeletonlabs/skeleton'; 
@import '@skeletonlabs/skeleton-react'; 
@import '@skeletonlabs/skeleton/themes/cerberus';

Open /src/app/layout.tsx, then set the data-theme attribute on the HTML tag to define the active theme.

html

<html data-theme="cerberus">
    <!-- ... -->
</html>

Start the dev server using the following command.

bash

npm run dev