docs: add nextjs example

examples/nextjs/.gitignore

@@ -0,0 +1 @@
+.next

examples/nextjs/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/nextjs/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "nextjs",
+  "private": true,
+  "scripts": {
+    "build": "next build",
+    "develop": "next",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@primer/react": "file:../../",
+    "next": "12.3.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "styled-components": "4.4.1"
+  }
+}

examples/nextjs/src/pages/_app.js

@@ -0,0 +1,12 @@
+import {ThemeProvider, BaseStyles} from '@primer/react'
+import React from 'react'
+
+export default function App({Component, pageProps}) {
+  return (
+    <ThemeProvider>
+      <BaseStyles>
+        <Component {...pageProps} />
+      </BaseStyles>
+    </ThemeProvider>
+  )
+}

examples/nextjs/src/pages/index.js

@@ -0,0 +1,6 @@
+import {Button} from '@primer/react'
+import React from 'react'
+
+export default function IndexPage() {
+  return <Button>Hello world</Button>
+}

examples/nextjs/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "incremental": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}