Next.js with TypeScript - DevOps by GitHub Actions and hosted at GitHub Pages
Try the demo...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.
A Next.js Jamstack Web App with JWT Authentication hosted at Vercel
Try the demo...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
A Next.js Jamstack Web App with Basic Authentication hosted a Netlify
Try the demo...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
Nuxt 3 Hello World Web App ready for TypeScript and hosted at GitHub Pages using GitHub Actions as DevOps
Try the demo...A Hello World by Nuxt v3.0.0 using GitHub Actions and Pages for DevOps. This Nuxt Web App is a minimal default starter
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
Try the demo...This starter template is ready for developing Web / Mobile Hybrid Apps using Nuxt v3.0.0, Ionic, Capacitor, Ios and Android
Node Express Sequelize ORM React TypeScript MySQL Role based Membership system using Email notification and Forgot Password
The Node Web API is hosted at Microsoft Azure App Service with the Free App Service Plan
The clients are hosted at GH Pages and at a traditional Web Hotel
The React client at GH Pages uses DevOps. The React HashRouter solves most 404 / Browser refresh issues at GH Pages
A Membership System with Authentication, User registration with Email verification and Forgot Password functionality. Secured by HTTPS, CORS and Bcrypt. For Authentication JWT access Tokens are used securing the private routes of the Web API. For testing the authentication / access token will expire after 15 minutes and a new Login is needed.
Volta was used for Node Version Management switching between Node versions
ASP.NET Core 2.2 Web API with C# towards Vue clients using Basic Authentication for Login
The API is hosted at Microsoft Azure App Service and the Vue 3 and Vue 2 Clients at GitHub Pages
For the Web API a CI / CD Pipeline was implemented by Azure DevOps - A Build and a Release Pipeline which deploys 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
ASP.NET Core 2.2 Web API with C# towards Vue 3 and Angular clients using JWT Authentication for Login
The Vue 3 and the Angular Clients are hosted at GitHub Pages
The API is hosted at Microsoft Azure App Service
For the Web API a CI / CD Pipeline was implemented by the DevOps at GitHub Actions 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
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
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
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.
Hello World with Docker and GitHub Actions
This simple action example prints "Hello World" to the log or "Hello" + the name of a person to greet
The code at GitHubAs a start, I am learning Docker by reading and using the online Docker Playground instead or installing Docker Desctop at my local system.
Google authentication by Node Express serving as the backend and EJS Views are the frontend for this application
Hosted at Microsoft Azure App Service with the Free App Service Plan.
Try the application ...CI / CD with Azure App Service and GitHub Actions. A User can perform authentication by the Google OAuth Server using Node.js, Express, Passport and EJS View Template. After a successfully authentication the user will be have access to view informations and profile picture from the Google profile and visit a protected page.