add css example

.gitignore

@@ -1 +1,2 @@
 node_modules
+.next

examples/css/next.config.js

@@ -0,0 +1,5 @@
+// next.config.js
+const withCss = require('@zeit/next-css')
+const withPurgeCss = require('next-purgecss')
+
+module.exports = withCss(withPurgeCss())

examples/css/package.json

@@ -0,0 +1,16 @@
+{
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^7.0.2",
+    "react": "^16.6.0",
+    "react-dom": "^16.6.0"
+  },
+  "devDependencies": {
+    "@zeit/next-css": "^1.0.1",
+    "next-purgecss": "^1.0.4"
+  }
+}

examples/css/pages/index.js

@@ -0,0 +1,3 @@
+import '../style.css'
+
+export default () => <div className="example">Hello World!</div>

examples/css/readme.md

@@ -0,0 +1,9 @@
+Basic example with :
+
+- [next-css](https://github.com/zeit/next-plugins/tree/master/packages/next-css)
+- [next-purgecss](https://github.com/lucleray/next-purgecss)
+
+To start :
+
+- `yarn install`
+- `yarn dev`

examples/css/style.css

@@ -0,0 +1,7 @@
+.example {
+  font-size: 50px;
+}
+
+.unused-css-class {
+  color: red;
+}