How I Deployed a Full-Stack Application with "NestJS" with "Angular" on "Supabase" and "Vercel"

1. nestjs-mod-fullstack

   1 16 8 9.6 TypeScript

   Boilerplate for creating a fullstack application on NestJS and Angular

   

   I developed a small full-stack application as an example of a REST + WebSockets boilerplate using NestJS and Angular. The application uses PostgreSQL for data storage, Redis for caching, and Minio for file handling. Initially, the target deployment environment was Kubernetes, but to speed up development and MVP testing, I decided to use free cloud services: Supabase for infrastructure and Vercel for deploying the backend and frontend.

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. nestjs-mod-contrib

   2 3 6 9.4 TypeScript

   Contrib repository for the NestJS-mod

   

   Currently, this new module resides in this project, but it will eventually be moved to nestjs-mod/nestjs-mod-contrib. I’ve had too many issues with existing authorization servers, so I need to write my own custom implementation. Once it’s written and tested for backward compatibility with Supabase and Authorizer, the Supabase implementation will be published as a public npm package.

4. supabase

   3 868 79,052 10.0 TypeScript

   The open source Firebase alternative. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

   

   # https://supabase.com/dashboard/project/XXX/settings/api - API Settings - Project URL - URL SUPABASE_URL=empty_value # https://supabase.com/dashboard/project/XXX/settings/database?showConnect=true - Connection String - Direct connection POSTGRES_URL=empty_value # https://supabase.com/dashboard/project/XXX/settings/api - API Settings - Project API Keys - anon public SUPABASE_ANON_KEY=empty_value # https://supabase.com/dashboard/project/gustcjgbrmmipkizqzso/settings/storage - S3 Access Keys - New access key - Access key ID SERVER_MINIO_ACCESS_KEY=empty_value # https://supabase.com/dashboard/project/gustcjgbrmmipkizqzso/settings/storage - S3 Access Keys - New access key - Secret access key SERVER_MINIO_SECRET_KEY=empty_value

5. Nest

   4 364 69,881 9.9 TypeScript

   A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀

   

   https://nestjs.com - official framework website

6. vercel

   5 575 13,362 9.9 TypeScript

   Develop. Preview. Ship.

   

   This step consumed a lot of time. I won’t describe all the issues I encountered, but there were many. Here’s a link to example configurations I found useful: Vercel configuration examples, and here’s my config for vercel.json.

7. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

Suggest a related project