flâneur — a map of the web's best reading

The technologies that make up a MakerKit application - Next.js Supabase

makerkit.dev · 614 words · saved by 1 readers

The codebase is entirely built with Next.js using the experimental app directory and React Server Components. The front end is fully built with React, leveraging React Hooks and the best practices available today. Supabase is an open source Firebase alternative, a great choice for a backend for a SaaS application. MakerKit uses Supabase for Authentication, Database (Postgres) for storing data and Storage for storing files. This kit does not use Prisma. We use Supabase's own client library. The bulk of the application's theme, built with Tailwind CSS 3, is stored in three CSS files rather than HTML. It may sound like a bad practice, but we approached this way to help you find and edit the theme's CSS in one single place. We designed the theme in light and dark, so you can choose to use both according to your user's OS settings or manage it using a local cookie. All the kits use Radix UI, arguably the best headless UI library for React. The components are styled using Tailwind CSS. Many

The technologies that make up a Next.js Supabase Makerkit application Copy page MakerKit uses Next.js App Router, Supabase, Tailwind CSS, Zod, SWR, Pino, Radix UI, Typescript and Cypress to build wonderful SaaS applications MakerKit is built primarily with Next.js, Supabase, and Tailwind CSS. Under the hood, there are many more libraries and architectural decisions you should know. 1) A Scalable Next.js Application The codebase is entirely built with Next.js using the experimental app directory and React Server Components. The front end is fully built with React, leveraging React Hooks and the

Explore this link on the map →

related reading