Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nwylynko/pumped-v2

A Nextjs website using React, TRPC and Graphql to build an online store
https://github.com/nwylynko/pumped-v2

docker firebase-auth google-cloud graphql nextjs react trpc typescript zod

Last synced: about 1 month ago
JSON representation

A Nextjs website using React, TRPC and Graphql to build an online store

Awesome Lists containing this project

README

        

Pumped is an online store with the focus on shoes, built to be a simple and easy platform for customers. This is an example project and is absolutely not production ready. To Build a production ready online store look in to using Shopify.

## Frameworks, Tools, Libraries:
- [](https://nextjs.org)
- [](https://beta.reactjs.org)
- [tRPC](https://trpc.io/docs/v10)
- [Genql](https://genql.vercel.app)
- [ Auth](https://firebase.google.com/products/auth)
- [Bun](https://bun.sh) - just for dependencies
- [](https://styled-components.com)
- [Zod](https://zod.dev)
- [](https://typescriptlang.org)
- [Dgraph](https://dgraph.io)
- [Cloud Run](https://cloud.run)

## Initial Setup

1. `bun install` to install dependencies (we use https://bun.sh for dependency installs)
2. `bun run database:start` to bring up the database (runs in docker)
3. `cp .env.local.example .env.local` and set local env variables
4. `bun run schema:validate` to check the schema is valid
5. `bun run schema:push` to push the schema to the database
6. `bun run generate-graphql` to generate the graphql types
7. Download service account from firebase console and save as `service-account.json`
8. `bun run dev` to bring up next.js

Next.js will only check types of the code your currently running, you can run `bun run typecheck:watch` to typecheck the entire codebase

## Commands
- use `bun run database:start` and `bun run database:stop` to start and stop the database
- run `bun run schema:validate` and `bun run schema:push` to update the schema (found at ./schema.graphql)
- run `bun run generate-graphql` if the schema has changed to pull the correct types in to the project
- use `bun run dev` to start the next.js development server and open http://localhost:3000 to view