Eco-camping website

Kanneliya Travels & Camping

A one-page Next.js site for camping trips in the Kanneliya rainforest in Sri Lanka. It is prerendered, optimised for search engines and built around one goal: getting visitors to call and book.

Year: 2026
Role: Full-stack development, in a team of two
Services: Business websites
Web development
Built with: Next.js, React, Bootstrap, jQuery, Vercel
Live site: kanneliya.com

Kanneliya Travels & Camping home page: the headline "Discover Kanneliya Rainforest" over a waterfall.

The brief

Kanneliya Travels & Camping runs camping trips in the Kanneliya Forest Reserve, a lowland rainforest in Sri Lanka's Galle District and part of a UNESCO biosphere reserve.

The site had to explain the trip in a few screens, look right on a phone and make it easy to call the camp and book. It was built by a team of two who split the work.

What we built

One page, in order
The page runs in this order: a slider, what the camp offers (eco cottages, tents, guided tours and campfires), the rainforest, a video, camping options with food and drinks, a photo gallery and a call to book. The camp's phone number appears in the header, in the middle of the page and in the footer.
Next.js 16 on Vercel
The App Router page is prerendered at build time and served from Vercel's cache. The slider, lightbox gallery and scroll animations use jQuery plugins (Owl Carousel, Fancybox, Isotope and WOW.js) inside the React app.
Search engine optimisation
Title, description, keywords and social cards come from Next.js metadata. JSON-LD marks the camp as a TouristAttraction with its coordinates, and robots.txt and the sitemap are generated.
Analytics
Google Analytics 4 measures visits.