Personal Website

Personal Website

Tags
Azure Web App
Summary
A personal website using Notion as a CMS

Summary

This is my own personal website to document my journey in IT. It also serves as a personal portfolio to showcase my skills.
The website uses a notetaking software named Notion as a content management system backend. All website data is hosted in notion and rendered as a static site with Next.JS

How it’s made

This website is made using the nextjs-notion-starter-kit github repo as a base template.
Further css modifications are made to have the page display how I wanted it to.

How it works

All the content on the page is generated in the Notion app. Notion provides tools such as databases where I can index individual labs that I complete. These labs are stored in notion and are pulled by Next.JS periodically to update the static website and display changes.
Every page of the website is it’s own note page in notion
notion image

Deploying the Website

The website is hosted using Vercel

Process

Go to vercel.com and create a new project
Link Github repository to easily build the web app
notion image
Once deployed the CI/CI process will be automatic with updates to github
notion image