@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.
- โ๏ธ 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
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 |
You donโt need to install it globally โ just use npx:
npx @undp/create-app my-undp-appAfter running the CLI, navigate into your project and start the dev server:
cd my-undp-app && npm run devPlease note: If you have not installed the dependencies then you might want to run npm install before npm run dev.