Background

I've been working in Web Development for a couple of years now. There are quite an amount of resources that I've read on the subject so far, but rarely an opportunity to "solidify" that knowledge... By reading about certain development topics and not applying them in real life scenarios, one can never actually wrap his/her head around them.

The idea of this site is to be my personal playground in trying the latest patterns, tricks, features and technologies that the web can provide me with... and ideally, write about them .

Principles

• CSS is a first class citizen here!
• Fluid design approach
• Progressive Enhancement
• Respecting user preferences
• a11y (or atleast I'll do my best)
• SEO friendly (with RSS feed, sitemaps and more!)
• Minimal code footprint: optimized assets, no unnecessary dependencies, build steps or Javascript, no (client) analytics and tracking
• Mobile-friendly
• Open source

Stack

Below you can find the exact dependencies used on the project.

Since NextJs is being used with the SSG feature, these will update with every build (if the dependencies change).

Dependencies

{
  "next": "10.1.3",
  "next-plugin-preact": "3.0.4",
  "postcss-preset-env": "6.7.0",
  "preact": "10.5.13",
  "preact-render-to-string": "5.1.19",
  "react": "npm:@preact/compat@0.0.4",
  "react-dom": "npm:@preact/compat@0.0.4",
  "react-ssr-prepass": "npm:preact-ssr-prepass@1.1.3"
}

Dev Dependencies

{
  "@svgr/cli": "^5.5.0"
}