๐ What it does LuginaNetwork is a responsive, modern web app for listing and browsing classified ads (like electronics, vehicles, services, etc.) with features such as:
A homepage showing all active ads
Ad detail pages with dynamic routing
Data pulled live from a WordPress CMS using the REST API
Mobile-first responsive design
Built to be modular and customizable using any HTML template
Users (or admins) can post listings via WordPress, and the frontend displays them cleanly using modern UI/UX practices.
๐ How we built it We used Bolt.new (by Replit) to quickly scaffold the Next.js frontend, powered by React.
Integrated TailwindCSS for fast styling.
Connected the frontend to a WordPress REST API (headless CMS setup).
Converted a static HTML template into reusable React components like AdCard, Header, and Footer.
Used getStaticProps and getStaticPaths in Next.js to generate pages dynamically and statically.
Deployed frontend using Vercel and backend WordPress on Hostinger.
๐งโโ๏ธ Challenges we ran into Integrating a static HTML template into a dynamic React/Next.js app took careful planning and JSX conversion.
Hostinger doesnโt support Node.js hosting, so we had to use static exports or deploy the frontend on Vercel.
Managing and displaying media (like featured images) from WordPress required careful error handling.
Getting clean dynamic routing working properly between ad listings and their detail pages.
๐ Accomplishments that we're proud of Built a full-stack, headless CMS-powered classifieds platform from scratch during a hackathon.
Made the frontend fully responsive and clean by modularizing all components.
Learned how to bridge traditional CMS (WordPress) with modern frontend stacks using Bolt.new in record time.
Managed to make everything cost-effective, using free tools and existing hosting (Hostinger + Vercel).
๐ What we learned How to rapidly build and integrate a headless WordPress backend with a Next.js frontend.
How to convert HTML templates into dynamic, reusable React components.
How to optimize performance by choosing static generation and smart deployment strategies.
How Bolt.new can accelerate development with clear prompts and automation.
๐ฎ What's next for LuginaNetwork Add user authentication and dashboard to allow people to post/manage their own listings.
Add filtering, categories, and location-based search features.
Implement real-time messaging between buyers and sellers.
Improve the design and branding of the platform with custom components.
Eventually launch LuginaNetwork as a real local marketplace for communities in the Balkans and beyond.
Log in or sign up for Devpost to join the conversation.