Adds a mock of the dev tutorials

apps/tutorials/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "web",
+  "name": "tutorials",
   "version": "0.0.0",
   "private": true,
   "scripts": {

apps/tutorials/postcss.config.js

@@ -0,0 +1 @@
+module.exports = require('config/postcss.config')

apps/tutorials/src/pages/index.tsx

@@ -0,0 +1,22 @@
+import { fetchPosts, DevPost } from '../utils/api'
+
+export default function Tutorials({ posts }: { posts: DevPost[] }) {
+  return (
+    <div>
+      <h1>Tutorials</h1>
+      {posts.map((x) => (
+        <div>
+          <h2>{x.title}</h2>
+          <p>{x.description}</p>
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export async function getServerSideProps() {
+  const posts = await fetchPosts()
+  return {
+    props: { posts },
+  }
+}

apps/tutorials/src/utils/api.ts

@@ -0,0 +1,55 @@
+const username = 'supabase'
+const postsUrl = `https://dev.to/api/articles?username=${username}`
+
+// Defines a Post returned from the DEV API
+export type DevPost = {
+  id: Number
+  title: string
+  description: string
+  slug: string
+  url: string
+  path: string
+  readable_publish_date: string
+  published_at: string
+  tags: string
+  tag_list: string[]
+  comments_count: Number
+  public_reactions_count: Number
+  positive_reactions_count: Number
+  published: boolean
+  first_published_at: string
+  edited_at: string
+  user: {
+    username: string
+    name: string
+    profile_image_90: string
+    cover_image_90: string
+    profile_image_original: string
+    cover_image_original: string
+    location: string
+    website: string
+    bio: string
+    twitter_username: string
+    github_username: string
+    dribbble_username: string
+    path: string
+  }
+  organization: {
+    id: Number
+    name: string
+    slug: string
+    profile_image_90: string
+    profile_imag: string
+  }
+}
+
+export async function fetchPosts() {
+  try {
+    const res = await fetch(postsUrl)
+    const data: DevPost[] = await res.json()
+    return data
+  } catch (err) {
+    console.log(err)
+    return [] 
+  }
+}

apps/tutorials/tailwind.config.js

@@ -0,0 +1 @@
+module.exports = require('config/tailwind.config')

apps/web/src/pages/index.tsx

@@ -1,10 +0,0 @@
-import { Button } from "ui";
-
-export default function Web() {
-  return (
-    <div>
-      <h1>Web</h1>
-      <Button />
-    </div>
-  );
-}