2.1 KiB
| name | overview | image | repo | badges | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| developomp.com | my website for blogging, portfolio, and resume. | /img/portfolio/developomp.com.png | https://github.com/developomp/developomp-site |
|
Intro
developomp.com is my website built for blogging and hosting data such as images, portfolio, resume, etc. It is Hosted on google firebase, and domain registered with amazon AWS Route 53. It is built with Node.js, React.js and typescript.
How it works
The build process of the site can be categorized into three stages.
content generation
In this stage, markdown files are rendered to HTML, json files containing metadata are generated, and svg images are built.
Check the auto generated files section of the .gitignore file to learn where these files are saved.
Check the deployment github action for specific commands.
markdown
Markdown files are rendered to HTML using the markdown-it library. Check the parsemarkdown.ts file to see the conversion logic and plugins used.
metadata
To allow content searching and listing, json files containing metadata such as available tags, posts categorized by tags, posts sorted by date, etc. are created. elasticlunr.js library is also used to allow searching by content.
images
svg images are generated so they can be used in other sites like in my github profile.
site-building
Just a classic boring react build process. Uses react-scripts.
deployment
The site is deployed to firebase.