Migrating from React to Next.js: Lessons Learned
Jan 15, 2025A comprehensive guide on migrating large-scale React applications to Next.js, covering challenges, solutions, and performance improvements from real-world experience.
Frontend engineer passionate about building scalable web applications and leading collaborative teams to deliver innovative solutions.
10+
Projects Delivered
3+
Years Experience
Experience Timeline
3PTrades, Oklahoma, US
Working extensively with Next.js, Prisma, Zenstack, and PostgreSQL in a cross-functional team from Nepal and USA. Worked with Angular and expanding backend knowledge with .NET. Explored AWS ecosystem and gained hands-on experience with AWS services like S3, Cognito, Lambda, and more. Worked on Agentic AI using Vercel AI SDK.
Projects
Enterprise platform for managing different types of materials and their inventory.
Built scalable platform for managing different types of materials and their inventory. It is a platform for managing different types of materials and their inventory.
Platform for adding different in-house projects as plugins to the platform and manage them.
Built a platform for adding different in-house projects as plugins to the platform and manage them.
OrderQ.us
Developing restaurant ordering and reservation systems with modern web technologies, focusing on clean architecture, scalability, and performance. Involved in both frontend and backend development using Next.js, NestJS, and Google Cloud Platform.
Projects
Backend system powering restaurant ordering and reservation platforms with scalable architecture.
Developed backend architecture with NestJS following best practices like dependency injection, repository pattern, and strategy pattern. Integrated Firebase for data management and authentication, and deployed services on Google Cloud Platform using Docker with CI/CD pipelines through GitHub Actions.
Online restaurant ordering platform allowing customers to browse menus, place orders, and manage deliveries.
Built a dynamic restaurant ordering platform where customers can view menus, place orders, and track order progress. The platform is optimized for performance and scalability, ensuring smooth real-time operations for restaurants and customers.
Platform for restaurant table reservations and schedule management.
Developed a table reservation system allowing customers to book tables in advance, with real-time updates for restaurant managers. The system helps optimize seating and scheduling while improving customer satisfaction.
Srijana Creation
Led frontend development team, migrated React projects to Next.js, and built collaborative platforms using Remix.js. Fostered collaborative environment and mentored junior developers.
Projects
Migrated large-scale React application to Next.js for improved performance
Led the complete migration of samsara.social from React to Next.js, improving performance, SEO, and developer experience while maintaining feature parity.
Built collaborative content contribution platform using Remix.js
Developed a modern content management system enabling real-time collaboration between multiple contributors with version control and approval workflows.
Self-Employed
Freelance projects from clients.
Projects
Travel agency website with booking system.
Travel agency website with booking system and payment processing. It is a travel agency website for Adventure Shubha Nepal.
Website for EvTol Travel, a travel agency in Nepal.
This website is used to showcase the EVTOL industry and the companies working in it. Has some interactive features like a comparator animation over the map to compare the prices of the eVTOL flights and traditional transportation.
LancemeUp
Assisted with development of web applications using React and Next.js. Gained experience with Git version control, debugging, and troubleshooting code in a professional environment.
Thoughts & Insights
A comprehensive guide on migrating large-scale React applications to Next.js, covering challenges, solutions, and performance improvements from real-world experience.
Exploring Remix.js for building real-time collaborative applications, including data loading strategies, optimistic UI, and WebSocket integration.
Practical TypeScript patterns and practices learned from working on enterprise applications, including type safety, generics, and maintainability.
Whether you're looking to build something new or improve an existing project, I'd love to discuss how we can work together.
Code & Projects
Open source contributions and personal projects
ujjwalsinghbasnet
Professional Network
Connect for opportunities and networking
Ujjwal Singh Basnet
Direct Contact
Get in touch for collaborations
ujjwalmansinghbasnyat@gmail.com
Social Updates
Follow for tech insights and updates
@basnyat_ujjwal