Merge pull request #219 from remarkablemark/examples/next

remarkablemark · web-flow · commit ed5c61afbda4 · 2021-01-28T00:27:15.000-05:00
chore(examples): add Next.js app
diff --git a/examples/next/.gitignore b/examples/next/.gitignore
@@ -0,0 +1 @@
+.next
diff --git a/examples/next/package.json b/examples/next/package.json
@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "html-react-parser": "../../",
+    "next": "^10.0.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  }
+}
diff --git a/examples/next/pages/index.js b/examples/next/pages/index.js
@@ -0,0 +1,27 @@
+import Head from 'next/head';
+import parse from 'html-react-parser';
+
+export default function Home() {
+  return (
+    <div>
+      <Head>
+        <title>Create Next App</title>
+      </Head>
+
+      <main>
+        <h1 className="title">
+          {parse(`
+            Welcome to <a href="https://nextjs.org">Next.js</a>
+            and HTMLReactParser!
+          `)}
+        </h1>
+      </main>
+
+      <style jsx>{`
+        .title {
+          font-family: 'Lucida Grande';
+        }
+      `}</style>
+    </div>
+  );
+}
