I started working on this blog for two reasons:
- I wanted a place to try applying some of the things I had been learning about the Web and JavaScript in particular
- I wanted a place to write down my thoughts on all the things I was learning every day on the job
The core technical aspect of this blog is that it is a responsive web site that acts as an SPA on the frontend while also working in full with JavaScript disabled. The site is currently architected as follows:
- The frontend, found in the
src/appdirectory is the view layer that gets rendered universally on the server and client - The browser entry file, found in the
src/browserdirectory is the file root that webpack will use to compile the JavaScript/CSS/Assets bundle that will finally get delivered to able browsers and handles rendering the view layer on the client - The server frontend, found in the
src/server/frontenddirectory handles rendering, caching and serving the view layer on the server (it also handles handing over non-ajax form submissions to the forms api) - The server content api found in the
src/server/api/contentdirectory handles processing, caching and serving api requests for content stored in the articles github repository - The server forms api found in the
src/server/api/formsdirectory handles processing form submissions from the frontend
This project was initially loosely based on the este project but has deviated significantly since.