Skip to content

UNDP-Data/create-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

12 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ—οΈ 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:

npx @undp/create-app my-undp-app

πŸ“¦ Getting started

After running the CLI, navigate into your project and start the dev server:

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.

About

UNDP's project scaffolding tool

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published