# Next.js Install and configure Skeleton for Next.js. ## Requirements | Tooling | Minimum Supported | | ------------------------------------ | ----------------- | | [Next.js](https://nextjs.org/) | 15 | | [React](https://react.dev/) | 18 | | [Tailwind](https://tailwindcss.com/) | 4 | ## Installation ### Create a Project Use the [Next.js CLI](https://nextjs.org/docs/app/getting-started/installation) to scaffold a new project. ```console npm create next-app@latest my-skeleton-app cd my-skeleton-app ``` ### Install Skeleton Install the Skeleton core and React component packages. ```console npm i -D @skeletonlabs/skeleton @skeletonlabs/skeleton-react ``` ### Configure Tailwind Open your global stylesheet in `/src/app/globals.css` and add the following imports: ```css title="globals.css" {3-7} @import 'tailwindcss'; @import '@skeletonlabs/skeleton'; @import '@skeletonlabs/skeleton-react'; @import '@skeletonlabs/skeleton/themes/cerberus'; ``` ### Set Active Theme Open `/src/app/layout.tsx`, then set the `data-theme` attribute on the HTML tag to define the active theme. ```html title="layout.tsx" "data-theme="cerberus"" ... ``` ### Done Start the dev server using the following command. ```console npm run dev ```