Back to projects

Project

GaardboDev Website

A simple portfolio website built with Next.js and TypeScript to showcase my development projects.

Next.jsTypeScriptVercel

Type

Projects

Plays

Not listed

Rating

Not rated

GaardboDev Website

Overview


GaardboDev Website is a small personal portfolio project built to showcase my work and experiments in software and game development.
The goal was to create a clean, modern website using current web technologies while exploring how hosting, deployment, and domain management work in practice.


Purpose


This project started as a way to learn and test modern frontend frameworks — especially Next.js and TypeScript.
I wanted to build a functional, responsive portfolio that could host my personal and professional projects, while also serving as a playground for experimenting with ideas and designs


Development


The website was developed using Next.js, TypeScript, and Tailwind CSS, with a focus on simplicity and performance.
It uses dynamic routes to display detailed project pages sourced from JSON and Markdown data files, allowing for a flexible and easily maintainable structure.
Hosting and deployment are handled through Vercel, making continuous deployment seamless whenever I push updates to the repository.

The project was a great opportunity to:

  • Practice frontend architecture and modular component design
  • Work with Next.js App Router and dynamic routing
  • Implement Markdown rendering, data-driven pages, and a reusable component system
  • Explore hosting, domains, and general web deployment pipelines

Challenges & Learnings


While simple in scope, this project taught me valuable lessons about modern web tooling:

  • Building a responsive UI and reusable components
  • Integrating structured data for dynamic content generation
  • Understanding deployment workflows with Vercel
  • Keeping a balance between clean code, flexibility, and design consistency

The site also served as a low-pressure environment to experiment, make mistakes, and improve — an important reminder that not every project needs to be large or complex to be worthwhile.


Release Info


  • Released: October 29, 2025
  • Platform: GaardboDev Portfolio
  • Framework: Next.js (TypeScript)
  • Status: Personal website project

Tech stack

Tools used in this project

Next.jsTypeScriptVercel