Add absolute aliases

Author: cassidoo

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@components/*": ["components/*"],
+      "@utils/*": ["utils/*"]
+    }
+  }
+}

pages/about.js

@@ -1,4 +1,4 @@
-import Layout from '../components/Layout'
+import Layout from '@components/Layout'
 
 const About = ({ title, description, ...props }) => {
   return (

pages/index.js

@@ -1,7 +1,7 @@
-import Layout from '../components/Layout'
-import PostList from '../components/PostList'
+import Layout from '@components/Layout'
+import PostList from '@components/PostList'
 
-import getPosts from '../utils/getPosts'
+import getPosts from '@utils/getPosts'
 
 const Index = ({ posts, title, description, ...props }) => {
   return (

pages/post/[postname].js

@@ -2,8 +2,8 @@ import Link from 'next/link'
 import matter from 'gray-matter'
 import ReactMarkdown from 'react-markdown'
 
-import Layout from '../../components/Layout'
-import getSlugs from '../../utils/getSlugs'
+import Layout from '@components/Layout'
+import getSlugs from '@utils/getSlugs'
 
 export default function BlogPost({ siteTitle, frontmatter, markdownBody }) {
   if (!frontmatter) return <></>