WebL Website
A personal portfolio / website built with Next.js and Sanity CMS to showcase projects and provide contact features.
- Role
- Full Stack Developer
- Timeline
- 2025
Technologies
Overview
WebL is a modern personal portfolio site combining a headless CMS with dynamic frontend features. It allows displaying project work, blog/content pages, and collecting contact messages. Built for developers, designers, or enthusiasts wanting a clean, maintainable web presence.
Responsibilities
- Designed and implemented the Next.js frontend with responsive UI
- Integrated Sanity CMS for content management and live editing
- Built contact form backend using NodeMailer and connected with frontend
Challenges
Balancing static generation with dynamic content previews, and ensuring contact form reliability across deployments.
Outcomes
Delivered a polished portfolio site with CMS-driven content and contact capabilities; deploys seamlessly via Vercel.
Project Overview
WebL is a personal portfolio website built to showcase one’s projects, skills, and provide a contact method for visitors. The site is powered by a headless CMS (Sanity) so that content—projects, text, images—can be edited easily without redeploying. Meanwhile, the Next.js frontend provides a fast, SEO-friendly, responsive user experience. It targets developers, freelancers, or creators who want a bespoke, maintainable web presence.
Technical Implementation
- Frontend built using Next.js (React framework) for routing, SSR/SSG, and SEO
- Sanity CMS used as headless content backend to manage pages, projects, assets, content blocks
- Contact form backend layer implemented with NodeMailer to send messages from user submissions
- Deployed on Vercel, enabling continuous deployment from GitHub and global CDN
- Integration of SEO, metadata, Open Graph, and dynamic previews (via Next SEO)
Key Features
- Dynamic content editing via Sanity Studio, enabling live updates without redeployment
- Project listing pages with detail views (title, description, images, links)
- Contact form with email delivery for visitor inquiries
- Responsive layout and performance optimizations for fast load on all devices
- SEO and metadata integration (Open Graph, social previews)