Merge pull request phuocng#214 from 1milligram/nextjs

Use NextJS

.gitignore

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

.prettierignore

@@ -0,0 +1,4 @@
+.netlify
+.next
+node_modules
+out

README.md

@@ -1,33 +1,31 @@
 # this-vs-that
 
-The differences between ___ and ___ in the front-end development.
+The differences between **_ and _** in the front-end development.
 
-![this-vs-that](assets/screenshot.png)
-
-* [x] Cover differences in various topics (CSS, DOM, HTML, JavaScript)
-* [x] Include many _Good to know_ sections
-* [x] Include many good practices
-* [x] Inculde many tips and tricks
+-   [x] Cover differences in various topics (CSS, DOM, HTML, JavaScript)
+-   [x] Include many _Good to know_ sections
+-   [x] Include many good practices
+-   [x] Inculde many tips and tricks
 
 ## Running it on local
 
 1. Clone the project:
 
 ```shell
-$ git clone https://github.com/phuoc-ng/this-vs-that
+$ git clone https://github.com/1milligram/this-vs-that
 ```
 
 2. Install the dependencies:
 
-```console
+```shell
 $ cd this-vs-that
 $ npm install
 ```
 
 3. Run it on the local:
 
-```console
-$ npm run serve
+```shell
+$ npm run dev
 ```
 
 Look at the console to see the _Local URL_. Open it in your browser to see it in action.
@@ -37,26 +35,7 @@ Look at the console to see the _Local URL_. Open it in your browser to see it in
 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)
-
-## Products
-
-You might be interested in my products:
-
-_Products_
-* [Blur Page - A browser extension to hide sensitive information on a web page](https://blur.page)
-* [Check Browsers Support - A browser extension to check browser compatibility without leaving your tab](https://checkbrowsers.support)
-* [Fake Numbers - Generate fake and valid numbers](https://fakenumbers.io)
-* [Form Validation - The best validation library for JavaScript](https://formvalidation.io)
-* [Intersection Observer Examples - Practical, real world examples of Intersection Observer](https://intersectionobserver.io)
-* [React PDF Viewer - A React component to view a PDF document](https://react-pdf-viewer.dev)
-
-_Resources_
-* [1LOC - Favorite JavaScript utilities in single line of code](https://1loc.dev)
-* [CSS Layout - A collection of popular layouts and patterns made with CSS](https://csslayout.io)
-* [HTML DOM - How to manage HTML DOM with vanilla JavaScript](https://htmldom.dev)
-* [Responsive Design Patterns - A collection of patterns to create a responsive web page](https://responsive.page)
-* [Super tiny, quick tips, tricks and best practices of front-end development](https://getfrontend.tips)
-* [this VS that - The differences between ___ and ___ in the front-end development](https://thisthat.dev)
+
+-   [Twitter](https://twitter.com/nghuuphuoc)
+-   [dev.to](https://dev.to/phuocng)
+-   [Github](https://github.com/phuoc-ng)