- Rename
.firebase-config
tofirebase-config.js
. - Create a firestore collection called
registrations
if you wanna use the email registration form. - Now you have access to firestore using React's context api
useContext()
:
import React, { useContext } from 'react';
import { FirebaseContext } from './provider';
const Registrations = () => {
const { analytics, registrationsRef } = useContext(FirebaseContext);
return <p>...</p>
};
The FirebaseProvider
{
perf: firebase.performance(),
analytics: firebase.analytics(),
registrationsRef: firebase.firestore().collection('registrations')
}
- Uses CSS Grid for layout and minimal html
- No external css. All styles in Next.js' supported CSS-in-JS library styled-jsx
- Update docs
- Remove css normalization
- finish design
This is intended to accelerate my development process by having a base layout with grid and firestore already in place. I figure it may help someone else. ๐จโ๐ป