Example application running on Supabase, Prisma, Analog, tRPC, Tailwind, Angular, and Nx.
- You will need
yarn(or a different package manager) installed. - You will need to set up a Supabase account (it's free)
- You will need NodeJs installed. The version I have working is
v16.16.0.
Run yarn or yarn install to install the dependencies of this project
Your dependencies include Prisma, which is a great tool to manage your application's database. We need two things to connect our application to our Supabase postgres instance:
- Add a
.envfile at the root of your Nx workspace and add the following code snippet
# Environment variables declared in this file are automatically made available to Prisma.
# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
# See the documentation for all the connection string options: https://pris.ly/d/connection-strings
DATABASE_URL="postgresql://postgres:[YOUR-PASSWORD]@db.[YOUR-SUPABASE-REFERENCE-ID].supabase.co:5432/postgres?schema=public"
- Alternatively, you can also run a postgres instance locally and pass the URL the same way!
- We can push the schema defined in our
schema.prismafile to our DB runningyarn prisma db push. - Finally, we create our prisma client by running
yarn prisma generate.
Now our DB should be all set up and ready to go!
Run yarn nx build trpc to create the @spartan/trpc integration.
Note: This should happen automatically since the analog-trpc app depends on the trpc lib, but it does not currently.
Run yarn nx serve analog-trpc for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run yarn nx graph to see a diagram of the dependencies of the projects.
Reach out to me on Twitter or GitHub if you run into any issues.