
Premium e-commerce platform for newborn & baby products.
Rosallie Baby is a premium e-commerce platform for newborn products including hospital discharge outfits, organic muslin sets, plush toys, and matching baby accessories. The platform offers 4 product categories: Hospital Outfit Set, Hospital Outfit Special Set, Blanket, and Toy. Product detail pages include image galleries with zoom, variant selection, stock status, and customer reviews. The multi-step checkout flows through address selection, cargo information, and an iyzico payment step. User sessions are managed via NextAuth.js while admin sessions use Iron Session independently. Meta Pixel (client-side) and Meta Conversions API (server-side CAPI) integration makes ad tracking reliable even with ad blockers active. Google Analytics 4 handles page view and conversion tracking. Dynamic sitemap.js and robots.js generation, combined with ProductSchema and BlogSchema JSON-LD markup on every product and blog page, provides a robust SEO foundation. A customName field on the OrderItem model supports personalized product labeling at purchase time. The admin panel includes a Setting model for site-wide configuration. Newsletter subscription and subscriber management, Nodemailer-powered contact form and order notification emails, and Cloudinary image upload with CDN delivery are all included. Built on Next.js 15 (Turbopack), Prisma ORM, and MySQL.
<div class="project-info">
<p>
This project was developed using the best tools modern web technologies offer. Each technology was carefully selected to maximize performance, security, and user experience. During development, the focus was on component-based architecture, reusable code, and optimized rendering performance.
</p>
<p>
The user interface was designed to provide a clean yet impactful visual experience. The design system is built on principles of consistency, readability, and accessibility. Modern CSS frameworks and utility tools were used to provide a strong styling foundation.
</p>
<p>
On the frontend, powerful technologies like React and Next.js provided great advantages in terms of fast load times and SEO optimization. Additionally, Tailwind CSS accelerated the design process and made development more flexible.
</p>
<p>
As a result, this technology stack forms a modern and sustainable infrastructure that supports not only today’s needs but also future scalability goals.
</p>
<p>
The project also delivers a seamless experience across all devices thanks to responsive design and a mobile-first approach. Every aspect of the design was optimized for usability and accessibility, ensuring smooth user interactions.
</p>
<p>
Performance optimizations were implemented to minimize page load times, including efficient media and image handling. This approach improves user experience while providing a solid foundation for SEO and overall site performance._
</p>
</div>Next.js
Frontend
React
Frontend
Prisma
Database
MySQL
Database
Tailwind CSS
Frontend
Vercel
DevOps
A newborn-products brand needed ad tracking resilient to ad blockers, strong SEO for organic discovery, and personalized product labeling captured accurately through checkout.
I implemented dual-path conversion tracking (client-side Meta Pixel + server-side Meta Conversions API) alongside GA4, JSON-LD structured data and dynamic sitemap/robots for SEO, a customName field on OrderItem for personalization, with NextAuth.js for customers and a separate Iron Session for admins.
Server-side conversion APIs are worth the extra integration effort even for a small storefront — the accuracy gap versus client-only tracking compounds quickly once ad blocker adoption is in the mix.
If you'd like to discuss the architecture decisions, the tech stack, or a similar technical problem, I'm happy to talk.
Get in Touch