Next.js Starter Template

This is a modern Next.js project, bootstrapped with create-next-app. It includes Storybook integration, Tailwind CSS, and TypeScript support.

Getting Started

First, install the dependencies:

pnpm install

Then, run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

## Key Features

• Next.js 15.1.3: Utilizes the latest features and improvements.
• React 19: Built with the newest version of React for enhanced performance and capabilities.
• TypeScript: Provides type safety and enhances the development experience.
• Storybook: Integrated for component development and showcasing.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Radix UI: Accessible and unstyled components for building a great user experience.

Core Dependencies

• @radix-ui/react-slot: For composing custom elements with Radix UI components.
• class-variance-authority: Helps manage class name variations in components.
• clsx: A utility for constructing className strings conditionally.
• lucide-react: Beautifully simple icons as React components.
• tailwind-merge: Utility to merge Tailwind CSS classes, resolving conflicts.
• tailwindcss-animate: Provides animation utilities for Tailwind CSS.

Development Dependencies

• @storybook/addon-essentials: Essential addons for Storybook.
• @storybook/addon-interactions: Add interactions to your Storybook stories.
• @storybook/addon-links: Allows linking between Storybook stories.
• @storybook/addon-onboarding: Helps onboard new users to Storybook.
• @storybook/blocks: Create custom documentation pages in Storybook.
• @storybook/nextjs: Integration for Next.js projects in Storybook.
• @storybook/react: React support for Storybook.
• @storybook/test: Utilities for testing Storybook components.
• @tailwindcss/postcss: Official Tailwind CSS PostCSS plugin.
• eslint-config-prettier: ESLint configuration for Prettier.
• eslint-plugin-storybook: ESLint plugin for Storybook.
• prettier: Code formatter for consistent code style.
• tailwindcss: Utility-first CSS framework.
• typescript: JavaScript with added syntax for type safety.

Scripts

Runs the Next.js development server with Turbopack.

pnpm run dev

Builds the Next.js application for production.

pnpm run build

Starts the Next.js production server.

pnpm run start

Runs ESLint for code linting.

pnpm run lint

Starts the Storybook development server.

pnpm run storybook

build-storybook: Builds the Storybook for deployment.

pnpm run build-storybook

Learn More

To learn more about Next.js and other libreries used in this project, take a look at the following resources:

• Next.js Documentation: Learn about Next.js features and API.
• React Documentation: Learn about React features and API.
• TypeScript Documentation: Learn about TypeScript features and API.
• Storybook Documentation: Learn about Storybook features and API.
• Tailwind CSS Documentation: Learn about Tailwind CSS features and API.
• shadcn/ui A set of beautifully-designed, accessible, and customizable components to help you build your component library.