This application is live on Vercel here! 🚀
Getting Started
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm i && npm run dev
Open http://localhost:3000 with your browser to see the result.
Development
This project uses:
- Next.js 13 for server side rendering and routing and React 18 server components
- TypeScript for type safety
- TailwindCSS for styling
- React Aria for accessibility and building robust components
- Storybook for building and documenting components
- GitHub Actions for deploying Storybook to GitHub Pages
- React Testing Library and Jest for testing
- Speedy Web Compiler because what's a modern web app without a compiler written in Rust? 🦀 Also it's fast
- eslint for static code analysis and linting
Testing
Run tests with npm run test
Storybook
A live hosted Storybook is available via a GitHub Action that builds and deploys the Storybook app to GitHub Pages: TODO
Deployment on Vercel
This application is live on Vercel: https://todo-learning-next13-l3y230180-danielrobertson.vercel.app
Web Core Vitals
Utilizing Next.js 13 server side rendering, React 18 server components, and Vercel's edge network, this application is optimized for Web Core Vitals.
TODO screen shot of Lighthouse report
Vercel can automatically monitor Web Core Vitals, but additionally you can leverage Vercel custom reporting to send data to 3rd party analytics like Google Analytics.
