HighFelt Community Websites
About Community
Based on my review, HighFelt is a community and digital platform that brings together creative professionals and technology-focused developers under one ecosystem. The platform aims to foster knowledge sharing, collaboration, and career opportunities across disciplines such as graphic design, software development, UI/UX, artificial intelligence, and digital marketing. In addition, HighFelt provides community members with blog content, useful tools, and job opportunities, creating a centralized hub for learning, networking, and professional growth.
Project Architecture
HighFelt is built on a modern web architecture that seamlessly combines a statically generated Next.js community platform with a Ghost CMS blog under a single domain. Users access the main website via highfelt.com and the blog through highfelt.com/blog, without noticing that two different applications are powering the experience. Thanks to path-based routing, both systems operate as a unified platform.
At the core of the infrastructure is an Nginx Reverse Proxy, which routes incoming requests to either the Next.js frontend or the Ghost CMS instance based on the requested URL path. SSL termination is handled by Traefik/Dokploy, while the application is deployed using a serverless deployment architecture backed by Docker-based services. This approach enables reliable deployments, simplified infrastructure management, and improved scalability.
The frontend is built with Next.js 16, React 19, TypeScript, and Tailwind CSS, generating highly optimized static (SSG) pages for excellent performance and SEO. The blog is powered by Ghost CMS 6, which is responsible solely for content management. Through full route integration via Nginx, both systems provide a seamless user experience under a single domain. Contact forms across the platform are processed through a shared API, with email delivery handled via an SMTP infrastructure.
The entire UI/UX design process was planned and designed in Figma, where the design system, user flows, and reusable component library were created. Illustrations, blog cover images, icons, and marketing assets were produced using AI-assisted design tools and refined to match the project’s visual identity. This workflow accelerated content production while maintaining a consistent visual language throughout the platform.
The infrastructure utilizes Docker DNS-based service discovery, isolated container networking, automatic content seeding, and a monorepo project structure to create a secure, scalable, and maintainable deployment architecture. In production, only the reverse proxy is publicly accessible, while all internal services remain isolated within the private container network. The entire platform is deployed using a serverless deployment model, enabling streamlined release management and continuous deployment workflows.
HighFelt is an end-to-end project entirely designed and developed by me from concept and product planning to UI/UX design, AI-assisted visual asset creation, frontend and backend development, Ghost CMS integration, infrastructure engineering, and Docker-based serverless production deployment.
Project Diagram
