BlitzCharts

Installation

Just install the following libraries to get started

1.

Create a Next Js Project

The quickest way to create a new Next.js app is using create-next-app, which sets up everything automatically for you. To create a project, run:

Copy to clipboard
CLI
npx create-next-app@latest
On installation, you'll see the following prompts:
Copy to clipboard
CLI
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like your code inside a `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to use Turbopack for `next dev`? No / Yes
Would you like to customize the import alias (`@/*` by default)? No / Yes
What import alias would you like configured? @/*
Open the app using
Copy to clipboard
CLI
cd my-app
2.

Install Dependencies

Install these Dependencies to get started with BlitzCharts

Copy to clipboard
CLI
npm install recharts motion
3.

Initialize Shadcn UI

Add these shadcn components

Copy to clipboard
CLI
npx shadcn@latest init
4.

Add Shadcn components

Add these shadcn components

Copy to clipboard
CLI
npx shadcn@latest add card chart
5.

You are all set

Run your app using the following command
Copy to clipboard
CLI
npm run dev