# Templates Overview

Dyad gives you different options for starting points.

Dyad comes with a couple of built-in templates.

## [React (Default)](/content/docs/templates#react-default/index.html)

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](/content/docs/integrations/supabase/index.html) 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](/content/docs/templates#nextjs/index.html)

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](/content/docs/templates#portal/index.html)

The upcoming [Portal template](/content/docs/templates/portal/index.html) is a small online store app that shows how to use Neon DB, Payload CMS and Next.js all together.

### On this page

[React (Default)](/content/docs/templates#react-default/index.html)  
[Next.js](/content/docs/templates#nextjs/index.html)  
[Portal](/content/docs/templates#portal/index.html)