ποΈ UNDP Create App CLI !npm
@undp/create-app is UNDPβs official
project scaffolding tool for quickly bootstrapping frontend applications using
React, and
TypeScript β complete with sensible defaults for ESLint, Prettier.
NPM Package
---
π Features
- βοΈ
React + TypeScript setup out of the box
- ποΈ Includes
Tailwind CSS for styling
- ποΈ Includes
Zustand for state management
- π
Vite support for fast SPA development, including optional
routing with
Tanstack router
- π
Next.js support for full-stack apps, including optional
authentication with
Better Auth
- π¨ Preconfigured for
UNDPβs Design System
- β‘οΈ Optional integration with
Tanstack query for data fetching
- π Optional integration with
@undp/data-viz for interactive data visualization
- β¨
ESLint +
Prettier preconfigured for consistent code style
---
π§© Pre-configured setups
All setups include
Tailwind CSS for styling and
Zustand for state management.
| Framework | Variants | Description |
|------------|-----------|-------------|
|
Vite | Basic | Minimal React + TypeScript setup |
|
Vite | + Router | Adds TanStack Router for routing |
|
Next.js | Basic | SSR and file-based routing |
|
Next.js | + Auth | Includes authentication via Better Auth |
---
π¦ Installation
You donβt need to install it globally β just use
npx:
``
bash
npx @undp/create-app my-undp-app
`
---
π¦ Getting started
After running the CLI, navigate into your project and start the dev server:
`
bash
cd my-undp-app && npm run dev
`
Please note: If you have not installed the dependencies then you might want to run npm install
before npm run dev`.