Firebase + Next.js + AMP = ๐ฑโ๐; In other words, built for MAXIMUM SEO and MAXIMUM FLEXIBILITY with no compromises (or ragerts)
There are three type of environments required for this app to run.
- Firebase Functions
- Client-side
- Service Worker
These environments come in two flavors, environment.js
and environment.test.js
.
Here are samples for both:
module.exports = {
algolia: {
applicationId: 'TO2F04TXTS',
adminApiKey: '123456789',
prefix: 'firebaseSSRStarter',
},
firebase: {
apiKey: 'AIzaSyBRLf1WkEBxAw5owXqTTlFIIjYNR1hoatg',
authDomain: 'fir-ssr-starter.firebaseapp.com',
databaseURL: 'https://fir-ssr-starter.firebaseio.com',
projectId: 'fir-ssr-starter',
storageBucket: '',
messagingSenderId: '58348257612',
},
schema: {
customClaims: 'custom-claims',
messages: 'permission-based/user-owned/messages',
messageLogs: 'admin/logs/messages',
messageStats: 'admin/stats/messages',
notifications: 'notifications',
pushNotifications: 'push-notifications',
settings: 'permission-based/user-owned/settings',
users: 'users',
},
notifications: {
ADMIN: 'admin',
MESSAGE: 'message',
},
pubSub: {
PROCESS_NOTIFICATIONS: 'process-notifications',
},
};
const prodEnvironment = require('./environment');
module.exports = {
...prodEnvironment,
isTest: true,
schema: {
customClaims: 'test-custom-claims',
messages: 'permission-based/user-owned/test-messages',
messageLogs: 'admin/logs/test-messages',
messageStats: 'admin/stats/test-messages',
notifications: 'test-notifications',
pushNotifications: 'test-push-notifications',
settings: 'permission-based/user-owned/test-settings',
users: 'test-users',
},
};
Client-side environments come in two flavors, environment.js
and environment.dev.js
.
import schema from './schema';
export default {
algolia: {
applicationId: 'TO2F04TXTS',
searchOnlyApiKey: 'e37dcec3965d1cabde303b17e65d25f0',
prefix: 'firebaseSSRStarter',
},
firebase: {
apiKey: 'AIzaSyBRLf1WkEBxAw5owXqTTlFIIjYNR1hoatg',
authDomain: 'fir-ssr-starter.firebaseapp.com',
databaseURL: 'https://fir-ssr-starter.firebaseio.com',
projectId: 'fir-ssr-starter',
storageBucket: 'fir-ssr-starter.appspot.com',
messagingSenderId: '58348257612',
},
notifications: {
ADMIN: 'admin',
MESSAGE: 'message',
},
schema,
};
import prodEnvironment from './environment';
export default {
...prodEnvironment,
isDev: true,
};
And finally, we have our Service Worker that needs its own environment.
This one is a bit different because it's adding environment
to global scope:
environment = {
firebase: {
apiKey: 'AIzaSyBRLf1WkEBxAw5owXqTTlFIIjYNR1hoatg',
authDomain: 'fir-ssr-starter.firebaseapp.com',
databaseURL: 'https://fir-ssr-starter.firebaseio.com',
projectId: 'fir-ssr-starter',
storageBucket: '',
messagingSenderId: '58348257612',
},
};
Run yarn global add firebase-tools
if you don't have firebase-tools
on your machine.
Run firebase login:ci
and follow the prompts to generate a Firebase CI token. Use firebase login:ci --no-localhost
if you're having trouble.
Copy ./env.list.dist
to env.list
and replace FIREBASE_TOKEN=XXXXX
with FIREBASE_TOKEN=YOUR-TOKEN-HERE
.
Install Docker using the Docker Community Edition(CE) Install Guide.
For Bash run ./bin/build.sh
.
For Powershell run .\bin\build.ps1
.
For Bash run ./bin/interactive.sh
.
For Powershell run .\bin\interactive.ps1
.
For Bash run ./bin/deploy.sh
.
For Powershell run .\bin\deploy.ps1
.
Process a single user's notifications with the following pub-sub command:
gcloud pubsub topics publish process-user-notifications --message '{"uid": "123456"}'
Process all user notifications with the following pub-sub command:
gcloud pubsub topics publish process-notifications --message '{}'