From 1b893518bbdfda487c0c7fa2042c206c432016bc Mon Sep 17 00:00:00 2001 From: Grokling Date: Mon, 8 May 2017 00:25:33 +1200 Subject: [PATCH] Add SSR to examples/with-styled-components + bump styled_components v2 (#1908) --- examples/with-styled-components/.babelrc | 9 +++++++++ examples/with-styled-components/package.json | 4 +++- .../with-styled-components/pages/_document.js | 18 ++++++++---------- 3 files changed, 20 insertions(+), 11 deletions(-) create mode 100644 examples/with-styled-components/.babelrc diff --git a/examples/with-styled-components/.babelrc b/examples/with-styled-components/.babelrc new file mode 100644 index 00000000..f22044a6 --- /dev/null +++ b/examples/with-styled-components/.babelrc @@ -0,0 +1,9 @@ +{ + "presets": [ + "next/babel", + "stage-0" + ], + "plugins": [ + ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ] + ] +} \ No newline at end of file diff --git a/examples/with-styled-components/package.json b/examples/with-styled-components/package.json index e0104cac..fd7a1cf9 100644 --- a/examples/with-styled-components/package.json +++ b/examples/with-styled-components/package.json @@ -7,10 +7,12 @@ "start": "next start" }, "dependencies": { + "babel-plugin-styled-components": "^1.1.4", + "babel-preset-stage-0": "^6.24.1", "next": "latest", "react": "^15.4.2", "react-dom": "^15.4.2", - "styled-components": "^1.4.4" + "styled-components": "^2.0.0-17" }, "author": "", "license": "ISC" diff --git a/examples/with-styled-components/pages/_document.js b/examples/with-styled-components/pages/_document.js index 030091d0..77104a49 100644 --- a/examples/with-styled-components/pages/_document.js +++ b/examples/with-styled-components/pages/_document.js @@ -1,23 +1,21 @@ import Document, { Head, Main, NextScript } from 'next/document' -import styleSheet from 'styled-components/lib/models/StyleSheet' +import { ServerStyleSheet } from 'styled-components' export default class MyDocument extends Document { - static async getInitialProps ({ renderPage }) { - const page = renderPage() - const styles = ( -