venefish

KO | EN

gitlite — search

#ai #python #typescript #cli #javascript #rust #machine-learning #go #developer-tools #linux #golang #open-source

★ 130 Open GitHub ↗

Boilerplate & template for Next.js project deployable on Vercel. Firebase, shadcn/ui and Tailwind.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Venefish 🐟

### Boilerplate for React TypeScript projects using Next.js, shadcn/ui, Tailwind and Firebase on Vercel!

> Now using Next.js app router!

This stack is 🔥 because projects can be built and deployed for free until you get to higher tiers within Vercel/Firebase which only happens once you get lots of DAUs.

- **Ve**rcel for cloud and automated deployments
- **Ne**xt.js for better React
- **Fi**rebase for auth and database (Firestore)
- **Sh**adcn and Tailwind for UI/styling

**Let me know if you have any questions! Godspeed.**

## Setup

1. Make sure your Firebase project has authentication added
1. Get your public Firebase config and paste it into `components\firebase-providers.tsx`
1. `npm i` and `npm run dev`

The following is only needed if you want to use `firebase/admin` (not part of this project by default)

1. Create a new file at the root level called `.env.local`
1. Define a new variable there called `FIREBASE_ADMIN_SDK`
1. Get your Firebase service account private key and stringify it then set the above variable to that string
   > e.g.: `FIREBASE_ADMIN_SDK={"type":"service_account","project_id":"sleeptoken",...}`

### Notes

- You can use `api/test.ts` to stringify your private key so you can use in in the environment
- You need to define the same `FIREBASE_ADMIN_SDK` environment variable in Vercel

venefish

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README