View the Projects by pagnition

A Blog full of Web Projects

View the Projects by the navigation at the bottom of the Page sorted by Date...


The Git-based Headless CMS called Decap

10-November-2025

The Git-based Headless CMS called Decap used with my Blog

Note: The Decap CMS was formerly known as Netlify CMS and it keeps most of the features of Netlify CMS

This Blog is using a CI / CD Pipeline as an important concept of DevOps. An Editor of the Blog can use Git-based CMS for content administration while an Administrator or Developer of the Blog can use GitHub as a CMS as well as VS Code

The CI / CD Pipeline was implemented by

  • The code of the Blog at GitHub
  • The Git-based CMS Decap / GitHub as a CMS / VS Code
  • Netlify Cloud which hosts the Blog

A few examples of how it works:

When a developer makes a change to the code of the Blog and commit the code to GitHub by VS Code or GitHub as a CMS an automated Build will happen. If no errors are detected the created files from that build will be deployed to Netlify Cloud where the Blog is hosted

An Editor saves a Post of the Blog (A Markdown file) by the Decap CMS which starts the build and deployment by a commit to GitHub

In addition to the Headless Git-based CMS, I have experience with the CMS listed below:

  • Umbraco based on .NET
  • Wagtail based on Python
  • Drupal based on PHP
  • Wordpress based on PHP
  • Type3 based on PHP

Python and Django Website using MariaDB hosted at Azure App Service serving a Demo

09-November-2025

Python Django and MariaDB Website serving a simple Demo hosted at Azure App Service which have a free plan as well as plans for scaling up if needed. The Website uses DevOps by GitHub Actions + Azure App Service

Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time can be up to 1 minute. A white screen or 503 status code may happen too. Just try again after few minutes or a bit later until the Website loads

Try the demo...

Django is using the architectural pattern Model-View-Template (MVT) which is a derivation of the pattern Model View Control (MVC)

This Django Website is serving static content - secured by HTTPS

CI / CD by commit the code change from VS Code + GitHub Actions + Azure App Service

The source code at GitHub

Python and Django Website using MariaDB hosted at Azure App Service serving a Blog

09-November-2025

Python Django and MariaDB Website serving a simple Blog hosted at Azure App Service which have a free plan as well as plans for scaling up if needed. The Website uses DevOps by GitHub Actions + Azure App Service

Note: Due to the resource limitations of the Microsoft Azure Free App Service Plan, the initial load time can be up to 1 minute. A white screen or 503 status code may happen too. Just try again after few minutes or a bit later until the Website loads

Try the demo...

Django is using the architectural pattern Model-View-Template (MVT) which is a derivation of the pattern Model View Control (MVC)

This Django Website is serving static content - secured by HTTPS A simple Blog demonstrates how to use Models by the Django Admin and display the Posts by the Frontend

The files models.py and views.py are splitted up for showing how to scale the folder structure if the Django Website should grow with a lot of views and models

CI / CD by commit the code change from VS Code + GitHub Actions + Azure App Service

The source code at GitHub

Python and Django Starter Website without Database hosted at Vercel Cloud serving static files

14-October-2025

Python Django Starter Website without any Database serving static files hosted at Vercel Cloud using Serverless Functions implementing DevOps by GitHub + Vercel

Try the demo...

Django is using the architectural pattern Model-View-Template (MVT) which is a derivation of the pattern Model View Control (MVC)

This Django Website is serving static content - secured by HTTPS

This Python and Django Starther Website dont have a Database and no Django Admin Backend

CI / CD by VS Code + GitHub + Vercel Cloud

The source code at GitHub

Webpack 5 boilerplate with React and TypeScript

02-September-2025

A Webpack 5 boilerplate with React and TypeScript

Try the demo...

The code at GitHub

A Webpack 5 boilerplate with React and TypeScript. Babel 7 compiles the TypeScript files to ES5. The Webpack module "fork-ts-checker-webpack-plugin" handles the type checking. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.





A Blog made with Gatsby React and GraphQL