Demae

How to use

Using

git clone git@github.com:1amageek/Demae.git

Setup

Set up firebase:

install Firebase Tools: npm i -g firebase-tools
create a project through the firebase web console
grab the projects ID from the web consoles URL: https://console.firebase.google.com/project/
update the .firebaserc default project ID to the newly created project
login to the Firebase CLI tool with firebase login
overwrite src/app/config/development.config.json and production.config.json
add Stripe settings to setup.sh. copy setup.sample.sh

{
	"apiKey": "",
	"authDomain": "",
	"databaseURL": "",
	"projectId": "",
	"storageBucket": "",
	"messagingSenderId": "",
	"appId": ""
}

Install project:

npm install

Run Next.js development:

npm run dev

Run Firebase locally for testing:

npm run serve

Deploy it to the cloud with Firebase:

npm run deploy

Clean dist folder

npm run clean

Architecture

🙁It's old. sorry.. I need a readme update.

Pages

Root

User Page

/users/:id

This page displays user information.

Payment method Page

/users/:id/paymentMethods

This page shows the payment method that the user has registered.

Purchase history

/users/:id/purchaseHistory

This page shows the user's purchase history.

Account Page

/accounts/:id

This page displays a list of products offered by your account.

Account's product page

/accounts/:id/products/:product_id

This page displays product details.

Account's sku page

/accounts/:id/products/:product_id/skus/:sku_id

This page shows SKU details.

Admin Page

/admin/:id

Admin orders page

/admin/:id/orders

This page displays a list of orders.

Admin order page

/admin/:id/orders/:order_id

This page displays order details

Admin products page

/admin/:id/products

This page displays a list of products sold by your account.

Admin product page

/admin/:id/products/:product_id

This page shows details of the products sold by your account.

Admin edit product page

/admin/:id/products/:product_id/edit

This page edits the details of the products that your account sells.

Admin sku page

/admin/:id/products/:product_id/skus/:sku_id

This page shows details of the sku that your account sells.

Admin edit sku page

/admin/:id/products/:product_id/skus/:sku_id/edit

This page is for editing the details of the sku sold by your account.

Database

Commerce

/commerce/v1/providers/:uid

/commerce/v1/providers/:uid/products/:product_id

/commerce/v1/providers/:uid/products/:product_id/skus/:sku_id

/commerce/v1/providers/:uid/orders/:order_id

Social

/social/v1/users/:uid

/social/v1/users/:uid/orders/:order_id

Account

/social/v1/account/:uid

GAS

The idea behind the example

The goal is to host the Next.js app on Firebase Cloud Functions with Firebase Hosting rewrite rules so our app is served from our Firebase Hosting URL, with a complete Typescript stack for both the Next app and for the Firebase Functions. Each individual page bundle is served in a new call to the Cloud Function which performs the initial server render.

This is based off of the work of @jthegedus in the with-firebase-hosting example.

If you're having issues, feel free to tag @sampsonjoliver in the issue you create on the next.js repo

Important

The empty placeholder.html file is so Firebase Hosting does not error on an empty public/ folder and still hosts at the Firebase project URL.
firebase.json outlines the catchall rewrite rule for our Cloud Function.
The Firebase predeploy hooks defined in firebase.json will handle linting and compiling of the next app and the functions sourceswhen firebase deploy is invoked. The only scripts you should need are dev, clean and deploy.
Specifying "engines": {"node": "8"} in the package.json is required for firebase functions to be deployed on Node 8 rather than Node 6 (Firebase Blog Announcement) . This is matched in by specifying target as es2017 in src/functions/tsconfig.json so that typescript output somewhat compacter and moderner code.

3-shake/Demae