https://github.com/enesien/venefish
Boilerplate & template for Next.js project deployable on Vercel. Firebase, shadcn/ui and Tailwind.
https://github.com/enesien/venefish
boilerplate boilerplate-application boilerplate-front-end boilerplate-react boilerplate-template firebase firebase-auth nextjs react shadcn shadcn-ui shadcnui tailwind tailwind-css tailwindcss template vercel
Last synced: about 1 month ago
JSON representation
Boilerplate & template for Next.js project deployable on Vercel. Firebase, shadcn/ui and Tailwind.
- Host: GitHub
- URL: https://github.com/enesien/venefish
- Owner: enesien
- License: mit
- Created: 2023-10-06T19:37:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-25T16:48:53.000Z (6 months ago)
- Last Synced: 2025-03-31T08:07:48.504Z (about 2 months ago)
- Topics: boilerplate, boilerplate-application, boilerplate-front-end, boilerplate-react, boilerplate-template, firebase, firebase-auth, nextjs, react, shadcn, shadcn-ui, shadcnui, tailwind, tailwind-css, tailwindcss, template, vercel
- Language: TypeScript
- Homepage: https://venefish.enesien.com
- Size: 134 KB
- Stars: 110
- Watchers: 4
- Forks: 31
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
**Created by [⬡ Enesien Software](https://enesien.com)**