Next.js Setup Guide

Follow these steps to set up a new Next.js project with InfinityUI

Download Starter Template

Get started quickly with our pre-configured Next.js template

Manual Setup

1. Create a new Next.js project

npx create-next-app@latest my-app --typescript --tailwind --app

2. Install dependencies

npm install @infinityui/react framer-motion

3. Configure app directory

mkdir app/(routes) && touch app/layout.tsx app/page.tsx