feat: Use static site

.eleventy.js

@@ -0,0 +1,106 @@
+const fs = require('fs');
+const markdownIt = require('markdown-it');
+const syntaxHighlight = require('@11ty/eleventy-plugin-syntaxhighlight');
+const htmlmin = require('html-minifier');
+
+module.exports = function(eleventyConfig) {
+    // Copy the `img` and `css` folders to the output
+    eleventyConfig.addPassthroughCopy('assets');
+
+    eleventyConfig.addPlugin(syntaxHighlight);
+
+    let markdownLibrary = markdownIt({
+        html: true,
+        linkify: true
+    });
+    eleventyConfig.setLibrary('md', markdownLibrary);
+
+    // Get the first `n` elements of a collection.
+    eleventyConfig.addFilter("head", (array, n) => {
+        if (!Array.isArray(array) || array.length === 0) {
+            return [];
+        }
+        return (n < 0) ? array.slice(n) : array.slice(0, n);
+    });
+
+    eleventyConfig.addCollection('sortByTitle', function(collectionApi) {
+        return collectionApi.getAll()
+            .filter(function(item) {
+                let extension = item.inputPath.split('.').pop();
+                return extension === 'md';
+            })
+            .sort(function(a, b) {
+                return a.data.title - b.data.title;
+            });
+    });
+
+    eleventyConfig.addCollection('categories', function(collectionApi) {
+        const categories = [];
+        collectionApi.getAll()
+            .filter(function(item) {
+                let extension = item.inputPath.split('.').pop();
+                return extension === 'md';
+            })
+            .forEach((item) => {
+                const category = item.data.category;
+                if (category && !categories.includes(category)) {
+                    categories.push(category);
+                }
+            });
+        return categories.sort();
+    });
+
+    eleventyConfig.addCollection('groupByCategories', function(collectionApi) {
+        const categories = {};
+        collectionApi.getAll()
+            .filter(function(item) {
+                let extension = item.inputPath.split('.').pop();
+                return extension === 'md';
+            })
+            .forEach((item) => {
+                const category = item.data.category;
+                if (!category) {
+                    return;
+                }
+                Array.isArray(categories[category])
+                    ? categories[category].push(item)
+                    : categories[category] = [item];
+            });
+        return categories;
+    });
+
+    eleventyConfig.addTransform('minify-html', function(content) {
+        if (this.outputPath && this.outputPath.endsWith('.html')) {
+            return htmlmin.minify(content, {
+                useShortDoctype: true,
+                removeComments: true,
+                collapseWhitespace: true
+            });
+        }    
+        return content;
+    });
+
+    return {
+        // Control which files Eleventy will process
+        // e.g.: *.md, *.njk, *.html, *.liquid
+        templateFormats: [
+            'md',
+            'njk',
+            'html',
+            'liquid',
+        ],
+        // Pre-process *.md files with: (default: `liquid`)
+        markdownTemplateEngine: 'njk',
+
+        // Pre-process *.html files with: (default: `liquid`)
+        htmlTemplateEngine: 'njk',
+
+        // These are all optional (defaults are shown):
+        dir: {
+            input: 'contents',
+            includes: '_includes',
+            data: '_data',
+            output: '_site'
+        }
+    };
+};

.eleventyignore

@@ -0,0 +1,2 @@
+README.md
+posts

.gitignore

@@ -1,6 +1,4 @@
-.DS_Store
 .netlify
-.next
+_site
 node_modules
-out
 package-lock.json

.prettierignore

@@ -1,4 +1,3 @@
 .netlify
-.next
-out
-node_modules
+_site
+node_modules

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 phuoc-ng
+Copyright (c) 2020 phuocng
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -27,7 +27,7 @@ A website introducing the APIs, well-known problems, most popular questions coul
 1. Clone the project:
 
 ```shell
-$ git clone https://github.com/1milligram/html-dom
+$ git clone https://github.com/phuocng/html-dom
 ```
 
 2. Install the dependencies:
@@ -40,16 +40,15 @@ $ npm install
 3. Run it on the local:
 
 ```shell
-$ npm run dev
+$ npm run start
 ```
 
-Look at the console to see the _Local URL_. Open it in your browser to see it in action.
+Open http://localhost:8081 in your browser to see it in action.
 
 ## About
 
 This project is developed by _Nguyen Huu Phuoc_. I love building products and sharing knowledge.
 
 Be my friend on
 * [Twitter](https://twitter.com/nghuuphuoc)
-* [dev.to](https://dev.to/phuocng)
-* [Github](https://github.com/phuoc-ng)
+* [Github](https://github.com/phuocng)