Style components server-side in production.

nmccrea · Sep 22, 2020 · 97750ef · 97750ef
1 parent 8e474d8
commit 97750ef
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 9 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -8,9 +8,8 @@ module.exports = {
     githubUrl: `https://github.com/nmccrea/recursor`,
   },
   plugins: [
-    // Enable TypeScript.
     `gatsby-plugin-typescript`,
-    // Allow aboslute imports.
+    `gatsby-plugin-styled-components`,
     `gatsby-plugin-resolve-src`,
     `gatsby-plugin-react-helmet`,
     {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,13 +5,15 @@
   "version": "0.1.0",
   "author": "Nick McCrea <[email protected]>",
   "dependencies": {
+    "babel-plugin-styled-components": "^1.11.1",
     "gatsby": "^2.24.11",
     "gatsby-image": "^2.4.13",
     "gatsby-plugin-manifest": "^2.4.21",
     "gatsby-plugin-offline": "^3.2.21",
     "gatsby-plugin-react-helmet": "^3.3.10",
     "gatsby-plugin-resolve-src": "^2.1.0",
     "gatsby-plugin-sharp": "^2.6.22",
+    "gatsby-plugin-styled-components": "^3.3.11",
     "gatsby-source-filesystem": "^2.3.23",
     "gatsby-transformer-sharp": "^2.5.11",
     "react": "^16.13.1",