A simple example app which runs the excellent T3 Stack on the Edge runtime, with Next.js's beta App Router. Database queries with drizzle-orm.
An experimental attempt at using the fantastic T3 Stack entirely on the Edge runtime, with Next.js's beta App Router.
This is meant to be a place of hacking and learning. We're still learning how to structure apps using Next.js's new App Router, and comments are welcome in Discussions.
If you encounter an error (you will), please create an Issue so that we can fix bugs and learn together.
This is not intended for production. For a production-ready full-stack application, use the much more stable create-t3-app.
This project is not affiliated with create-t3-app.
This project represents the copy-pasting of work and ideas from a lot of really smart people. I think it's useful to see them all together in a working prototype.
./src/trpc/@trpc
, which formats the react-query query keys in a specific way that changed in later versions of tRPC. If you upgrade tRPC, hydration will stop working.There are a few options that Server Components + tRPC + React Query afford us. The flexibility of these tools allows us to use different strategies for different cases on the same project.
Run some commands.
pnpm i
cp .env.example .env
Fill in .env.
Push your schema changes to a new PlanetScale database. Don't use this command on an existing database that you care about. It's destructive (and in beta).
pnpm db:push
Start the Next.js dev server.
pnpm dev