chaseottofy / nextjs-auth-demo

nextjs + react-hook-form-zod

nextjs demo

work in progress

features:

• Utilizes tRPC for type-safe API calls and server-side rendering
• Drizzle ORM
• ZOD validation
• React Hook Form form management, configured to allow ref exposure to custom form components without forwarding.
• Extensive and efficient validation for keyboard & paste inputs.
• Async actions with loading states, fallbacks, and error handling.
• Follows all react refresh guidelines.
• All UI and components are custom, some features include:
  • Custom Select/Checkbox/Combobox/
  • Expressive Password & Email alerts/errors on input
  • Custom loaders, including skeletons, spinners, dots, ...
  • All modals extend a single modal component
  • One css module per component
• Extensive Custom CSS Templates and Reset.
• Utilizes the latest Next.js features, inlcuding the app router.
• !00% type coverage using only dec
• Still in progress, but passes Lighthouse/WAVE 100%.