victor36max’s gists

victor36max / keystone-next-example-block-1.md

Last active April 7, 2018 12:31

keystone-next-example code blocks

    // Next app 
const next = require('next'); 
const dev = process.env.NODE_ENV !== 'production'; 
const app = next({ dev });

  

victor36max / keystone-next-example-block-2.md

Created April 7, 2018 12:31

    // Start Next app
app.prepare()
 .then(() => {
    
  // Setup common locals for your templates. The following are required for the
  // bundled templates and layouts. Any runtime locals (that should be set uniquely
  // for each request) should be added to ./routes/middleware.js
  keystone.set('locals', {
 _: require('lodash'),

  

victor36max / keystone-next-example-block-3.md

Last active April 7, 2018 12:36

    // Simulate config options from your production environment by
// customising the .env file in your project's root folder.
require('dotenv').config();

// Next app
const next = require('next');
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });

  

victor36max / keystone-next-example-block-4.md

Created April 7, 2018 12:49

    const keystone = require('keystone');

// Setup Route Bindings
exports = module.exports = nextApp => keystoneApp => {

	// Next request handler
	const handle = nextApp.getRequestHandler();

	keystoneApp.get('/api/posts', (req, res, next) =&gt; {

victor36max / keystone-next-example-block-5.md

Created April 7, 2018 13:01

    import { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>Hello World</div>
    );
  };
}

  

victor36max / keystone-next-example-block-6.md

Created April 7, 2018 13:08

    import Document, { Head, Main, NextScript } from 'next/document'
import flush from 'styled-jsx/server'

export default class MyDocument extends Document {
  static getInitialProps({ renderPage }) {
    const { html, head, errorHtml, chunks } = renderPage()
    const styles = flush()
    return { html, head, errorHtml, chunks, styles }
  }

  

victor36max / keystone-next-example-block-7.md

Created April 7, 2018 13:08

    import { Component } from 'react';
import axios from 'axios'

class App extends Component {

  static async getInitialProps() {
    let response = await axios.get('http://localhost:3000/api/posts');
    return { posts: response.data };
  }

  

victor36max / next-saga-example-block1.md

Last active July 29, 2018 09:00

    static async getInitialProps({ isServer, store }) {
  store.dispatch({ type: type.MY_ACTION });
  console.log(store.getState());
  return {};
}

  

victor36max / next-saga-example-block2.md

Created July 29, 2018 09:21

    import {
  createStore,
  applyMiddleware,
  combineReducers,
  compose,
} from 'redux';
import createSagaMiddleware, { END } from 'redux-saga';

import reducers from './reducers';

  

victor36max / next-saga-example-block3.md

Created July 29, 2018 09:35

    static async getInitialProps({ isServer, store }) {
   // Fetch today NASA APOD
   await store.execSagaTasks(isServer, dispatch => {
     dispatch(fetchApodStart());
   });

   console.log('');
   console.log('###############################');
console.log('### Fetched today NASA APOD ###');

  

Victor Chan victor36max