Publish /writing/v2-rebuild-and-redesign/

Author: kylegach

src/writing/2020-05-05---v2-rebuild-and-redesign/index.md

@@ -0,0 +1,116 @@
+---
+title: V2 Rebuild & Redesign
+permalink: /writing/v2-rebuild-and-redesign/
+date: 2020-05-05T21:54:10Z
+tags:
+  - dev
+  - site
+  - v2
+layout: layouts/base
+---
+
+# {{ title }}
+
+I learned React when I [built the first version of this site][of-the-web]. This next version will provide an opportunity to learn once again. And this time, I plan to share as I go.
+
+-----
+
+## Over-engineered on purpose
+
+Look. I know this site is little more than a simple blog. As such, it doesn't _need_ a bunch of the stuff listed below. But:
+
+1. I'm using the experience to both learn and share.
+1. I'm challenging myself to build and maintain a ~complex~ _sophisticated_ site without losing focus on the people that visit (performance, accessibility, etc.).
+1. The beauty of a personal site is you can do whatever you want.
+
+## Tasks
+
+This will be a continuously updated list of work done and remaining on this site.
+
+### Content
+
+- [x] Archive old version and content at v1 subdomain
+- [x] Temporary home page ([commit][c2])
+- [x] Migrate old content ([commit][c2])
+  - [ ] Work
+  - [ ] Résumé
+  - [ ] Colophon
+- [ ] Contact form?
+- [ ] Notes?
+- [ ] Tweets?
+  - https://mxb.dev/blog/syndicating-content-to-twitter-with-netlify-functions/
+
+### [11ty]
+
+  - [x] Initialize ([commit][c1])
+  - [ ] Add task list support to markdown
+  - [ ] RSS
+    - https://www.11ty.dev/docs/plugins/rss/
+  - [ ] Syntax highlighting
+    - https://www.11ty.dev/docs/plugins/syntaxhighlight/
+    - Matches color mode?
+
+### Tooling
+
+- [x] [Netlify automatic deploys]
+- [ ] [CircleCI], [Travis], [GitHub Actions]?
+- [ ] [Commitizen] (or something else?)
+- [ ] [Lighthouse] report
+- [ ] [changesets]?
+- [ ] [ESLint]
+- [ ] [prettier]
+- [ ] [lint-staged] w/ [husky]
+- [ ] [TypeScript]?
+- [ ] [@pika/pack]? [Snowpack]?
+- [ ] [Storybook]
+    - https://storybook.js.org/docs/guides/guide-html/
+- [ ] [Chromatic]?
+- [ ] [Jest]
+- [ ] [Testing Library]
+
+### Features
+
+- [ ] Offline support
+- [ ] "Embed" code samples/playgrounds
+- [ ] Dark mode
+    - [ ] System (default), light, dark
+    - [ ] Able to toggle back to system
+    - [ ] Icon for 'system' reflects current mode?
+- [ ] [TinaCMS]? [NetlifyCMS]? Others?
+- [ ] Indie Web
+  - [ ] Web mentions
+    
+
+### Design
+
+- [x] Basic starting styles ([commit][c3])
+- [ ] [Tailwind]?
+
+[of-the-web]: /writing/of-the-web/
+
+[11ty]: https://www.11ty.dev/
+[Netlify automatic deploys]: https://docs.netlify.com/site-deploys/create-deploys/#deploy-with-git
+[CircleCI]: https://circleci.com/
+[Travis]: https://travis-ci.org/
+[GitHub Actions]: https://github.com/features/actions
+[Commitizen]: http://commitizen.github.io/cz-cli/
+[Lighthouse]: https://github.com/GoogleChrome/lighthouse-ci
+[changesets]: https://github.com/atlassian/changesets
+[ESLint]: https://eslint.org/
+[prettier]: https://prettier.io/
+[lint-staged]: https://github.com/okonet/lint-staged
+[husky]: https://github.com/typicode/husky
+[TypeScript]: https://www.typescriptlang.org/
+[@pika/pack]: https://github.com/pikapkg/pack
+[Snowpack]: https://www.snowpack.dev/
+[Storybook]: https://storybook.js.org/
+[Chromatic]: https://www.chromatic.com/
+[Jest]: https://jestjs.io/
+[Testing Library]: https://testing-library.com/
+[TinaCMS]: https://tinacms.org/
+[NetlifyCMS]: https://www.netlifycms.org/
+[Tailwind]: https://tailwindcss.com/
+
+[c1]: https://github.com/kylegach/kylegach.com/commit/a7e3d1f8a3f12aec0b77cb50b18045b048806a5e
+[c2]: https://github.com/kylegach/kylegach.com/commit/09999f9ad4bbabcc375253dc20aee646279a2dbb
+[c3]: https://github.com/kylegach/kylegach.com/commit/cae108d120aa565a465b5348a6d2bbdfb346dbea