next-template

A Next.js 13 template for building apps with Radix UI and Tailwind CSS.

Usage

npx create-next-app -e https://github.com/shadcn/next-template

Features

• Next.js 13 App Directory
• Radix UI Primitives
• Tailwind CSS
• Icons from Lucide and Heroicons
• Dark mode with next-themes
• Tailwind CSS class sorting, merging and linting.
• DeckGL and MapLibre with react-map-gl for map interactivity and visualization
• Zustand and Jotai for state management
• Framer Motion for custom animations

Getting started

1. First unzip all archives in ./public/data/geometries folder

gunzip *.gz

2. Then as usual, install dependencies and start dev server

npm install
npm run dev

Nota Bene

For now, GeoJSON files are served via a public endpoint provided by NextJS. Soon, this will be moved to NextJS server routes to enhance caching. Some geographic features will be displayed as DeckGL GeoJsonLayer in this first version but to enhance vizualization performance these static layers (e.g harbour locations, marine protected areas... and even historic vessels tracks) should be served as vector tiles for example with PMTiles files stored in the cloud (a MinIO instance for example). PMTiles suuport in DeckGL should be evaluated, MVT/MBTiles are already supported.

License

Licensed under the MIT license.