Skip to content

Setting up Next.js with Renderlesskit

First let's create a new Nextjs project.

Setup TailwindCSS

To get started with renderlesskit first step is to setup Tailwind CSS in your CRA project. Refer to tailwind documentation for Setting up Tailwind CSS in a Next.js project

After setting up tailwind in your project, all you need to do inside your tailwind.config.js is import our preset function and use it.

Renderlesskit Setup

After following all the steps and correctly setting up tailwind, now let's add the RenderlesskitProvider

Follow Setting Up Provider

TypeScript Setup

Follow TypeScript Guide