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: 2 months 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 (12 months ago)
• Default Branch: main
• Last Pushed: 2024-04-04T13:00:34.000Z (6 months ago)
• Last Synced: 2024-07-19T02:52:09.630Z (3 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: 161 KB
• Stars: 50
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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)**