Templates Overview

Dyad comes with a couple of built-in templates.

React (Default)

The default template in Dyad is a minimal React/Vite.js app. It's a client-side app so if you want backend functionality you will need to use Supabase server functions.

For basic apps, the default React template is an excellent choice.

If you anticipate having a lot of backend functionality (e.g. calling APIs which require secret API keys), then using Next.js may be a better option.

Next.js

The Next.js template is a minimal Next.js app set up with Shadcn and Tailwind. Next.js is a more complex framework and has a steeper learning curve than client-side only React, but it provides seamless frontend and backend integration and good performance.

Portal

The upcoming Portal template is a small online store app that shows how to use Neon DB, Payload CMS and Next.js all together.