Tech stack: TypeScript, Next.js, TailwindCSS, MongoDB
Project Links
Gallery
Description
This is a custom-built web project I created for a client, making use of Next.js, TypeScript, TailwindCSS, and MongoDB. Prior to starting, the client and I had an in-depth discussion about the scope of the project, key features and overall design. With the information gathered, I decided to leverage Next.js for its static site generation features and powerful SEO tooling to ensure an optimal user experience and search engine visibility. The implementation of Next.js' built-in Image optimization would also complement the visual aspect of this image-rich website. Using TailwindCSS I was able to make a mobile-responsive design that caters to various devices and screen sizes. With Next.js' API I set up a simple endpoint and integrated database functionality to store data from a mailing list form. Overall, "Alt World" demonstrates a modern, performant, and visually appealing web presence tailored to the client's needs and expectations.
GitHub ReadMe
Alt World
Alt World is a custom, mobile-responsive website built for a client using a modern React and Next.js stack. The project focuses on performance, SEO, and visual presentation, while remaining simple and maintainable.
Overview
This project was built from the ground up following an in-depth discussion with the client around scope, features, and design direction. The goal was to deliver a fast, image-rich website that works seamlessly across devices and provides a strong search engine presence.
Next.js was chosen for its static site generation and SEO tooling, helping to ensure optimal performance and discoverability. TailwindCSS was used to rapidly build a responsive layout that adapts cleanly across screen sizes, while maintaining a consistent design language.
Key Features
- Fully responsive layout for mobile, tablet, and desktop
- Static site generation for fast load times and strong SEO
- Optimised image handling using Next.js Image
- Mailing list signup with backend API integration
- Clean, modern UI tailored to the client’s brand
Tech Stack
- TypeScript
- Next.js
- TailwindCSS
- MongoDB
Backend Integration
The project makes use of Next.js API routes to handle form submissions. A simple API endpoint was implemented to store mailing list data securely in MongoDB, keeping the backend lightweight and tightly integrated with the frontend.
Result
Alt World demonstrates a modern, performant, and visually polished web presence. It balances strong technical foundations with practical client needs, showcasing end-to-end ownership from planning and architecture through to implementation and deployment.