Added files

Author: Colin McDonnell

md/features.md

@@ -0,0 +1,21 @@
+It may not look like much, but Devii does a lot out of the box.
+
+**Markdown loading and rendering**: Using Next.js dynamic imports, you can load Markdown files and pass them into your Next.js pages as props. Easy peasy.
+
+**TypeScript + React**: Markdown is great for text-heavy, non-interactive content. For everything else, you'll want something a little more expressive. Devii makes it easy to mix Markdown and React on the same page. Just load your Markdown files with dynamic imports, pass it into your component as a prop, and render it with the `Markdown.tsx` component.
+
+**Built-in support for blogs**: Devii provides a utility for parsing Markdown blog posts with frontmatter metadata into a structured TypeScript object. Supported tags include: `title`, `subtitle`, `datePublished`, `tags`, `description`, `canonicalUrl`, `author`, `authorPhoto`, `authorTwitter`, `bannerPhoto`, and `thumbnailPhoto`
+
+**Medium-inspired styles**: The Markdown components (`Markdown.tsx`) contains default styles inspired by Medium.
+
+**Google Analytics**: Just add your Google Analytics ID (e.g. 'UA-999999999-1') to `globals.ts` and the appropriate snippet will be automatically added to every page.
+
+**RSS feed generation**: An RSS feed is auto-generated from your blog post feed.
+
+**SEO best practices**: Every blog post page automatically populated meta tags based on the post metadata. This includes a `title` tag, `meta` tags, `og:` tags, Twitter metadata, and a `link` tag containing the canonical URL.
+
+**GitHub-style code blocks**: with syntax highlighting powered by [react-syntax-highlighter](https://github.com/conorhastings/react-syntax-highlighter). Works out-of-the-box for all programming languages. Just use Markdown's triple backtick syntax with a "language identifier", [just like GitHub](https://help.github.com/en/github/writing-on-github/creating-and-highlighting-code-blocks).
+
+**Static generation**: you can generate a fully static version of your site using `yarn build && yarn export`. Powered by Next.js.
+
+**Zero magic**: You can view and modify every aspect of the site. If you're looking for a starting point, start modifying `index.tsx` (the home page), `BlogPost.tsx` (the blog post template), and `Markdown.tsx` (the Markdown component). And of course you can add entirely new pages/components as well!

md/introduction.md

@@ -0,0 +1,11 @@
+## Welcome to Devii
+
+This site is entirely built with Devii! In fact, the
+[GitHub repo for Devii](https://github.com/vriad/devii) contains the
+code for the site you're looking at now.
+
+Devii doesn't try to be a fully functional blog out of the box. After cloning/forking the repo, you'll need to delete the contents of `index.tsx` (the page you're reading now!) and implement your own homepage. Devii makes it easier — for instance, you can access a list of all your blog posts in `props.posts` — but you still have to build the site you're imagining in your mind's eye.
+
+And that's the point! After you clone/fork it, look through this code to learn how Devii works. Then rip out what you don't like, customize everything else, and build your own tools and components on top of the foundation Devii provides!
+
+Devii was designed to place _zero restrictions_ on what your site can be or become. You can use any React component or styling library, pull in data from third-party APIs, even implement user accounts. Your personal website is the online manifestation of you. Don't compromise.

sitemap.ts

@@ -0,0 +1,67 @@
+export const sitemap = '';
+import glob from 'glob';
+import { getStaticPaths as getBlogPaths } from './pages/blog/[blog]';
+// import { getStaticPaths as getBlogPaths } from './pages/blog/[blog]';
+
+export const generateSitemap = async () => {
+  const pagesDir = './pages/**/*.*';
+  const posts = await glob.sync(pagesDir);
+
+  const pagePaths = posts
+    .filter((path) => !path.includes('['))
+    .filter((path) => !path.includes('/_'))
+    .map((path) => path.slice(1));
+
+  const blogPaths = await getBlogPaths().paths;
+  // console.log(blogs);
+
+  // console.log(JSON.stringify(pages, null, 2));
+  // const templates = posts
+  //   .filter((path) => path.includes('['))
+  //   .filter((path) => path.includes(']'))
+  //   .filter((path) => !path.includes('/_')).map(path => `.${path}`);
+
+  // console.log(JSON.stringify(templates, null, 2));
+
+  // for (const temp of templates) {
+  //   console.log(temp);
+  //   const imports = await import(`${temp}`);
+  //   console.log(imports);
+  // const { getStaticPaths } = await import(`${temp}`);
+  // console.log(getStaticPaths);
+  // }
+
+  const sitemap = `
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+  <url>
+      <loc>https://vriad.com</loc>
+      <lastmod>2020-06-01</lastmod>
+  </url>
+${[...pagePaths, ...blogPaths].map((path) => {
+  const item = [`<url>`];
+  item.push(`  <loc>https://vriad.com${path}</loc>`);
+  item.push(`  <lastmod>2020-06-01</lastmod>`);
+  return [`<url>`];
+})}
+
+    <url>
+        <loc>https://vriad.com/essay/zod</loc>
+        <lastmod>2020-03-28</lastmod>
+    </url>
+    <url>
+        <loc>https://vriad.com/essay/devii</loc>
+        <lastmod>2020-05-28</lastmod>
+    </url>
+    <url>
+        <loc>https://vriad.com/essay/say-no-to-emotion-core</loc>
+        <lastmod>2020-06-05</lastmod>
+    </url>
+    <url>
+        <loc>https://vriad.com/essay/css-in-js-is-inevitable</loc>
+        <lastmod>2020-06-07</lastmod>
+    </url>
+</urlset>`;
+
+  return sitemap;
+};