Skip to content

UNDP-Data/create-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

15 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