preprio
diff --git a/‎.env.example
+1-1 b/‎.env.example
+1-1
diff --git a/‎.gitignore
+36-3 b/‎.gitignore
+36-3
diff --git a/‎README.md
+2-2 b/‎README.md
+2-2
diff --git a/‎app/[slug]/page.js
+52 b/‎app/[slug]/page.js
+52
diff --git a/‎app/layout.js
+12 b/‎app/layout.js
+12
diff --git a/‎app/page.js
+30 b/‎app/page.js
+30
diff --git a/‎jsconfig.json
+7 b/‎jsconfig.json
+7
diff --git a/‎next.config.js
+1-4 b/‎next.config.js
+1-4
@@ -1 +1 @@
-PREPR_ACCESS_TOKEN=<YOUR_ACCESS_TOKEN>
+PREPR_ACCESS_TOKEN=<YOUR-ACCESS-TOKEN>
@@ -1,4 +1,37 @@
-node_modules
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
 .env
-package-lock.json
-.next
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
@@ -16,8 +16,8 @@ npm install
 pnpm install --shamefully-hoist
 ```
 
-## Add the environment file 
-Copy the .env.example file in this directory to .env (which will be ignored by Git) by running the following command: 
+## Add the environment file
+Copy the .env.example file in this directory to .env (which will be ignored by Git) by running the following command:
 ```bash
 cp .env.example .env
 ```
 
@@ -0,0 +1,52 @@
+import client from "@/services/apollo-client";
+import {GetArticleBySlug} from "@/queries/getArticleBySlug";
+
+async function getData(slug) {
+  const {data} = await client.query({
+    query: GetArticleBySlug,
+    variables: {
+      slug
+    }
+  })
+
+  return data.Article
+}
+
+export default async function ArticlePage({params}) {
+  const {slug} = params;
+  const article = await getData(slug);
+
+  return (
+    <>
+      <h1>
+        { article?.title }
+      </h1>
+
+      {/* Loop through content types in article content */}
+
+      {article?.content.map((contentType) => {
+
+        //Display image if it exists
+        if (contentType.__typename === 'Assets' && contentType.items.length) {
+          return (
+            <div className="my-10">
+              <img
+                src={contentType.items[0]?.url}
+                width="300"
+                height="250"
+              />
+            </div>
+          )
+        }
+
+        //Display text as HTML
+
+        if (contentType.__typename === 'Text') {
+          return (
+            <div dangerouslySetInnerHTML={{ __html: contentType.body }}></div>
+          )
+        }
+      })}
+    </>
+  )
+}
@@ -0,0 +1,12 @@
+export const metadata = {
+  title: 'Next Quick start',
+  description: 'Next Quick start Prepr project',
+}
+
+export default function RootLayout({ children }) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}
@@ -0,0 +1,30 @@
+import { GetArticles } from "../queries/getArticles";
+import client from "../services/apollo-client";
+
+import Link from "next/link";
+
+async function getData() {
+  const {data} = await client.query({
+    query: GetArticles,
+  });
+  return data.Articles.items;
+}
+
+export default async function Home() {
+  const articles = await getData();
+
+  return (
+    <div>
+      <h1>My blog site</h1>
+      <ul>
+        {articles.map((article) => (
+
+          //List the fetched articles
+          <li key={article._id}>
+            <Link href={article._slug}>{article.title}</Link>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+}
@@ -0,0 +1,7 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./*"]
+    }
+  }
+}
@@ -1,7 +1,4 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-  swcMinify: true,
-}
+const nextConfig = {}
 
 module.exports = nextConfig
Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-PREPR_ACCESS_TOKEN=<YOUR_ACCESS_TOKEN>`
	`1`	`+PREPR_ACCESS_TOKEN=<YOUR-ACCESS-TOKEN>`