Skip to content

Instantly share code, notes, and snippets.

@ulcuber

ulcuber/SSR_starters.md

Last active May 14, 2019 15:38
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ulcuber/add3aada9b9ae25cb861fcfea6cb357f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ulcuber/add3aada9b9ae25cb861fcfea6cb357f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ulcuber revised this gist May 14, 2019. 1 changed file with 24 additions and 0 deletions.
    24 changes: 24 additions & 0 deletions SSR_starters.md
    View file
    Original file line number Diff line number Diff line change
    @@ -6,3 +6,27 @@
    | test | npm test | - | npm test |
    | eject | npm run eject | - | - |

    | features | create-react-app | create-next-app | create-ruzzle-app |
    |-----------------|------------------|---------------------------------|--------------------------|
    | dotenv | + | - | + |
    | test runner | [jest][11] | - | jest |
    | SSR | - | + | + |
    | docs | [docs][1] | [README][2] | [README][3] |
    | eslint | [react-app][4] | - | - |
    | babel-preset | [react][5] | [next][6] | [razzle][7] |
    | webpack | npm run eject | [razzle.config.js][8] | [next.config.js][9] |
    | css | [style][10] | [plugins][9] for next.config.js | same as create-react-app |
    | configure tests | [not fully][12] | - | ? |

    [1]: https://facebook.github.io/create-react-app/docs/getting-started
    [2]: https://github.com/segment-open-source-transfer/create-next-app
    [3]: https://github.com/jaredpalmer/razzle/tree/master/packages/create-razzle-app
    [4]: https://www.npmjs.com/package/eslint-config-react-app
    [5]: https://www.npmjs.com/package/@babel/preset-react
    [6]: https://www.npmjs.com/package/babel-preset-next
    [7]: https://www.npmjs.com/package/babel-preset-razzle
    [8]: https://github.com/jaredpalmer/razzle#extending-webpack
    [9]: https://nextjs.org/docs#customizing-webpack-config
    [10]: https://facebook.github.io/create-react-app/docs/adding-a-stylesheet
    [11]: https://facebook.github.io/create-react-app/docs/running-tests
    [12]: https://facebook.github.io/create-react-app/docs/running-tests#configuration
  2. ulcuber revised this gist May 14, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion SSR_starters.md
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    | scripts | create-react-app | create-next-app | create-ruzzle-app |
    | scripts | create-react-app | create-next-app | create-razzle-app |
    |-------------|------------------|-----------------|--------------------|
    | dev server | npm start | npm run dev | npm start |
    | prod server | - | npm run start | npm run start:prod |
  3. ulcuber created this gist May 14, 2019.
    8 changes: 8 additions & 0 deletions SSR_starters.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,8 @@
    | scripts | create-react-app | create-next-app | create-ruzzle-app |
    |-------------|------------------|-----------------|--------------------|
    | dev server | npm start | npm run dev | npm start |
    | prod server | - | npm run start | npm run start:prod |
    | build | npm run build | npm run build | npm run build |
    | test | npm test | - | npm test |
    | eject | npm run eject | - | - |