Green Fragrance Handmade Soap Site
A handmade soap image platform built with Nuxt.js 3, including frontend, backend management, and RESTful API.
Project Overview
A simple image website built mainly with Vibe Coding plus manual fine-tuning. It includes a frontend site developed with Nuxt 3, a Vue 3 admin panel, and a RESTful API developed with Express.js. Supports dynamic content management, SEO optimization, and product management.
Technical Challenges & Solutions
SEO Optimization
Image websites need good search engine rankings, which traditional SPAs struggle to satisfy.
Content Management System
Needed to allow non-technical staff to easily manage website content and product information.
Architecture
Frontend uses Nuxt.js 3 for SSG (Static Site Generation), admin panel uses Vue.js SPA, backend API uses Node.js + Express.js framework with MySQL database, integrated with Google reCAPTCHA for security.
Learnings
Through this project, I mastered the modern frontend development workflow and deeply understood the advantages of SSG and SEO optimization techniques. I also improved my full-stack development skills and learned how to design user-friendly management interfaces.