Create Next App

Nitro just shipped V3 and it comes with a lot of new features, one of them being able to ship full stack applications using Vite,

But out of the box Nitro uses rendu, which is their in-house templating library.

In this blog we will be switching rendu and using React + Tanstack Router but also use the routes API to make it full stack.

Steps:

Create a new Nitro V3 App

bunx create-nitro-app

✔ Where would you like to create your Nitro app?
nitro-vite-react
ℹ Creating a new project in nitro-vite-react.                                                    5:23:11 am

✔ What template would you like to use?
Full-stack with Vite

✔ Which package manager would you like to use?
bun

const hello = "hello"

Nitro V3 and Tanstack Router + React