JulienHe

{
  "presets": "next/babel",
  "plugins": [
    [
      "module-resolver",
      {
        "root": ["./"],
        "alias": {
          "components": "./src/app/components",
          "src": "./src",

JulienHe

{
  "name": "test",
  "version": "2.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "babel-plugin-module-resolver": "^3.1.0",
    "babel-runtime": "^6.26.0",
    "firebase-admin": "^5.7.0",
    "firebase-functions": "^0.8.0",

JulienHe

import * as functions from 'firebase-functions';
import next from 'next';
import routes from './routes';

const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev, conf: { distDir: 'next' } });
const handler = routes.getRequestHandler(app);

const nextApp = functions.https.onRequest((request, response) => {
  console.log('File: ' + request.originalUrl); // eslint-disable-line no-console

JulienHe

import React, { PureComponent } from 'react';
import { Link } from 'src/routes';

export class Header extends PureComponent {
  render() {
    return (
      <header>
        <Link route='home' passHref>
          <a>Home</a>
        </Link>

JulienHe

const routes = module.exports = require('next-routes')()

routes
.add('home', '/', 'index')
.add('about', '/about', 'about')
.add('blog', '/blog', 'about')

JulienHe

/**
 * The first commented line is your dabblet’s title
 */

background:url(https://dl.dropbox.com/u/5465537/texture.png) center center,
url(https://dl.dropbox.com/u/5465537/splash.jpg) no-repeat center -150px,
#80c1d6;
min-height: 100%;