SoundGear-eCommerce | Next.js, Mongoose, Stripe, TypeScript, Tailwind
Design comparison
Solution retrospective
-
Project Structure & Best Practices: I focused on creating a clean, scalable, and maintainable structure, which is super helpful for future projects. This has also enhanced my understanding of React hooks and coding best practices. 🛠️
-
Next.js App Router: Learning to use the newest App Router in Next.js (moving from the Pages Router). ⚡
-
Data Validation: Implementing validation across all parts of the website, ensuring user, product, and payment data are thoroughly validated, made It more robust and reliable. ✅
-
Start with Best Practices from the Beginning: While I refined the structure and code during development, I realized how much time could be saved by implementing best practices early on. Next time, I’ll ensure an optimal structure from the start to avoid unnecessary refactoring. ⏳
- Data Validation: I wasn’t sure how to handle both client-side and server-side validation at first. After researching, I used a combination of Regex and Zod, which were new to me, but ultimately made the validation process smoother and improved my skills. 🔍
If you have any feedback on features, encounter any bugs, or have suggestions for improvements, I'd love to hear from you. Your insights help me grow as a developer!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord