Giter Club home page Giter Club logo

fullstack's Introduction

Next.js ConnectRPC Firebase

Next.js serverless APP with Firebase, React Hooks and ConnectRPC Server, It's a demonstration of how to write RPC.

Motivation

Previously, I extensively utilized GRPC across various projects, but I hadn't had the opportunity to implement solutions holistically like a full-stack developer. This role entails managing tasks from proto changes to production deployment, encompassing both frontend and backend development tasks.

Docs

API Docs

Tech Stack

Code Structure

./src
├── cloud
│   ├── todo
│   └── validate
├── components
│   ├── dashboard
│   ├── header
│   ├── home
│   ├── theme
│   └── ui
├── configurations.ts
├── core
│   └── ThemeProvider.tsx
├── firebase
│   ├── adminApp.ts
│   ├── auth
│   └── clientApp.ts
├── globals.css
├── lib
│   ├── genericUtils.tsx
│   ├── hooks
│   ├── server
│   ├── tasks
│   └── utils.ts
├── pages
│   ├── _app.tsx
│   ├── api
│   └── index.tsx
└── services
    └── cloud.ts`

Getting Started

  • Update .env file with all the firebase secret

  • Install all dependancy

npm install 
  • Run as a dev server
npm run dev 

Open : localhost

  • Build
npm run build 
  • Serve
npm run start 

fullstack's People

Contributors

yindia avatar tqindia avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.