Liyas Thomas liyasthomas

Note: this guide explains step by step how to add Firebase to PWA Starter Kit.

If you already have some Firebase knowledge and you just want to get everything ready out of the box, you might want to checkout the Firebase branch on the PWA Starter Kit repo, that already contains all the needed files.

Deploying `prpl-server` to Firebase

Firebase Hosting alone is not sufficient for hosting the prpl-server build since it requires some server-side processing of the user agent string. Instead, you will have to use Firebase Functions for that.

Sign up for a Firebase account

Projects for WebARonARKit and WebARonARCore

New Projects

Leave a comment to add a project you've created or found!

Browsers

Vue + Firebase + Auth Demo

A simple App using Vue.js & Firebase with Auth.

See the DEMO.

	<?
	# MIT license, do whatever you want with it
	#
	# This is my invoice.php page which I use to make invoices that customers want,
	# with their address on it and which are easily printable. I love Stripe but
	# their invoices and receipts were too wild for my customers on Remote OK
	#

	require_once(__DIR__.'/../vendor/autoload.php');

	/* Vue 3 Render Function: https://v3.vuejs.org/guide/render-function */
	// Import utilities from Vue
	import { h, resolveComponent } from "vue";
	import getLinkTag, { ANCHOR_TAG, FRAMEWORK_LINK } from "./getLinkTag";

	const SmartLink = {
	props: {
	href: {
	type: String,
	default: ""

	// npm i axios
	const axios = require('axios').default;


	axios.interceptors.request.use( x => {
	// to avoid overwriting if another interceptor
	// already defined the same object (meta)
	x.meta = x.meta \|\| {}
	x.meta.requestStartedAt = new Date().getTime();
	return x;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>
	<p>This page demonstrates using React with no build tooling.</p>

	https://www.facebook.com/sharer.php?u={url}
	https://www.facebook.com/dialog/share?app_id={app_id}&display={page_type}&href={url}&redirect_uri={redirect_url}
	https://reddit.com/submit?url={url}&title={title}
	https://twitter.com/intent/tweet?url={url}&text={title}&via={user_id}&hashtags={hash_tags}
	https://www.linkedin.com/sharing/share-offsite/?url={url}
	https://api.whatsapp.com/send?phone={phone_number}&text={title}%20{url}
	https://www.tumblr.com/widgets/share/tool?canonicalUrl={url}&title={title}&caption={text}&tags={hash_tags}
	http://pinterest.com/pin/create/button/?url={url}
	https://www.blogger.com/blog-this.g?u={url}&n={title}&t={text}
	https://www.evernote.com/clip.action?url={url}&title={title}