A Blog full of Web Projects

9 projects tagged with "ci-cd"

  • Nuxt 3 Hello World Web App at GitHub Pages

    10-January-2025

    Nuxt 3 Hello World Web App ready for TypeScript and hosted at GitHub Pages using GitHub Actions as DevOps

    Node Version: 18

    Try the demo...

    The code at GitHub

    A Hello World by Nuxt v3.0.0 using GitHub Actions and Pages for DevOps. This Nuxt Web App is a minimal default starter


  • Next.js 13 Web App with JWT Auth and MongoDB

    09-January-2025

    A Next.js Web App with TypeScript and JWT Authentication using MongoDB and Mongoose ODM

    Tech used for the Web Application

    • The Next Web App is hosted at Vercel Cloud
    • Node 22 at Vercel Cloud
    • Next Version 13
    • React 18
    • TypeScript
    • Joi for validation
    • Zustand for state management
    • MongoDB was the choice of NoSQL Document Database
    • Mongoose ODM ( Object Data Modeling ) which is used for NoSQL like ORM ( Object Relational mapping ) is used for Relational databases like MySQL
    • The MongoDB is hosted at Mongo Atlas Cloud Platform

    Try the demo...

    The code at GitHub

    Next.js was used for creating this full stack web application "Static Site Generator" SSG serving as a login and registration system by a MongoDB. The Web App is secured by HTTPS and JWT Authentication.

    This Next.js with TypeScript Web Application is hosted at Vercel Cloud and uses continuous build and deployment


  • .NET Core 2.2 REST API with Basic Authentication - Azure and GH Pages

    09-January-2025

    ASP.NET Core 2.2 REST API with C# consuming from a Vue 3 client using Basic Authentication for Login

    The Vue 3 Client at GitHub Pages

    The API is hosted at Microsoft Azure App Service - using .NET 8 in azure-pipeline

    For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service

    A Login system by a Vue client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and a Basic Authorization Header


  • .NET Core 2.2 REST API with JWT Authentication - Azure and GH Pages

    09-January-2025

    ASP.NET Core 2.2 REST API with C# consuming from a Vue 3 client using JWT Authentication for Login

    The Vue 3 Client is hosted at GitHub Pages

    The API is hosted at Microsoft Azure App Service - using .NET 8 in azure-pipeline

    For the Web API a CI / CD Pipeline was implemented by Azure DevOps and deployed to Azure App Service

    A Login system by a Vue 3 and a Angular client / ASP.NET Core 2.2 Web API with C# secured by HTTPS and Authentication by a JWT with the Baerer schema in the Authorization Header


  • Nuxt 3 Ionic Web App at GitHub Pages

    03-December-2024

    Nuxt 3 Ionic TypeScript Web / Mobile Hybrid App using Capacitor IOS and Android. This starter template is hosted at GitHub Pages using GitHub Actions as DevOps

    Node Version: 18.20.5

    Try the demo...

    The code at GitHub

    This starter template is ready for developing Web / Mobile Hybrid Apps using Nuxt v3.0.0, Ionic, Capacitor, Ios and Android


  • Next.js 12 - DevOps by GitHub Actions and Pages

    01-December-2024

    Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages

    Version used for this Web App

    • Node 20.18.1
    • Next 12.1.6
    • React 18.1.0

    Try the demo...

    The code at GitHub

    A Create Next App with TypeScript using GitHub Actions and Pages as DevOps. This Next.js Web App is one of the default starters with a lot of useful links for learning Next.js.


  • Next.js 15 Web App with Basic Auth

    30-November-2024

    A Next.js Jamstack Web App with Basic Authentication hosted a Netlify

    Version used for this Web App

    • Node 22.11.0 ( Note: Running Node 20 at Netlify for now )
    • Next 15.0.3
    • React 18.3.1

    Try the demo...

    The code at GitHub

    The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and Basic Authentication.

    This Next.js Jamstack Web Application is hosted at Netlify Cloud and uses continuous build and deployment


  • Next.js 15 Web App with JWT Auth

    29-November-2024

    A Next.js Jamstack Web App with JWT Authentication hosted at Vercel

    Version used for this Web App

    • Node 22.11.0
    • Next 15.0.3
    • React 18.3.1

    Try the demo...

    The code at GitHub

    The Next.js framework being the "Static Site Generator" was used for creating this full stack web application serving as a login system by having a client using the API Routes of Next.js getting the data / User credentials from a JSON file. The web application is secured by HTTPS and JWT Authentication.

    This Next.js Jamstack Web Application is hosted at Vercel Cloud and uses continuous build and deployment


  • DevOps and Headless CMS

    10-August-2023

    DevOps and Git-based Headless CMS used with my Blog

    Note: The Decap CMS was formerly known as Netlify CMS and seems to keep most / all 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
    • Decap Git-based CMS / 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 and 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 / Netlify CMS system which starts the build and deployment by a commit to GitHub.

    In addition to Headless Git-based CMS I have experience with API driven CMS listed below

    • Strapi - Based on Node.js

    To get more experience with Git based CMS a copy of the Gatsby Blog is hosted and administrated by Gatsby Cloud and Tina CMS using another repository at GitHub.


A Blog made with Gatsby React and GraphQL