Webflow Cloud Integration with Next.js

Next.js Developer for Webflow Cloud Booking Engine Integration

Position: Senior Next.js Developer - Webflow Cloud Specialist

Location: Remote
Type: Contract/Freelance
Duration: 4-6 weeks
Budget: $8,000 - $15,000 USD

Project Overview

We are seeking an experienced Next.js developer to build a modern, seamless booking engine that integrates the ITM Projects shuttle booking API with our Webflow site using the new Webflow Cloud platform. This project will replace our existing Vue.js implementation with a more integrated, on-brand solution.

What You'll Build

You will develop a full-stack Next.js application that:

• Integrates directly with the ITM Projects booking API for shuttle reservations

• Deploys natively on Webflow Cloud for seamless brand consistency

• Provides real-time availability search, booking, and payment processing

• Maintains the same user experience as our current fireflyexpress.com.au booking system

• Leverages Webflow's design system through DevLink integration

Required Technical Skills

Essential:

• Next.js 15+ - Expert level experience with App Router and server components

• React - Advanced proficiency with hooks, state management, and component architecture

• TypeScript - Strong typing skills for API integration and component development

• API Integration - Experience with REST APIs, error handling, and data validation

• Webflow Cloud - Familiarity with Webflow Cloud deployment and DevLink (preferred but not required)

Highly Desirable:

• Cloudflare Workers - Understanding of edge runtime environments

• Payment Integration - Experience with payment processing APIs

• Form Handling - Advanced form validation and user input management

• Responsive Design - Mobile-first development approach

• Git/GitHub - Automated deployment workflows

Project Scope & Deliverables

Phase 1: Setup & Configuration (Week 1)

• Set up Webflow Cloud project with Next.js 15

• Configure OpenNext and Wrangler for edge deployment

• Implement DevLink integration for design system consistency

• Set up GitHub repository with automated deployment pipeline

Phase 2: API Integration (Week 2-3)

• Build comprehensive ITM Projects API client

• Implement all required endpoints: Login, FindShuttle, BookShuttle, PayShuttle, ApplyPromo, GetTimetables

• Create robust error handling and validation

• Set up secure environment variable management

Phase 3: Frontend Development (Week 3-4)

• Build responsive booking form components

• Implement search results and availability display

• Create payment processing flow

• Develop booking confirmation and management features

• Ensure mobile-responsive design

Phase 4: Testing & Deployment (Week 5-6)

• Comprehensive testing across devices and browsers

• Performance optimization for edge deployment

• User acceptance testing and bug fixes

• Production deployment and monitoring setup

API Specifications

You'll be working with the ITM Projects API which includes:

• Base URL: https://cloud.itmprojects.com.au/ws/

• Authentication: Username/password with device identification

• Formats: Both JSON and form-urlencoded requests supported

• Key Endpoints: Login, shuttle search, booking, payment, promo codes, timetables

Current Implementation Reference

Our existing Vue.js implementation at fireflyexpress.com.au provides the UX reference:

• Origin/destination selection with dropdown menus

• Date picker for departure/return dates

• Passenger count selection

• Real-time search results with pricing

• Booking flow with payment integration

Success Criteria

Technical Requirements:

• Application loads in under 2 seconds globally

• 100% mobile responsive design

• Seamless integration with Webflow site design

• Secure API key management (never exposed client-side)

• Comprehensive error handling and user feedback

User Experience Requirements:

• Intuitive booking flow matching current UX patterns

• Real-time availability and pricing updates

• Clear booking confirmation and management

• Consistent branding with main Webflow site

Application Requirements

To Apply, Please Provide:

1.
Portfolio - Examples of Next.js applications you've built, especially those with API integrations

2.
Webflow Experience - Any experience with Webflow or Webflow Cloud (not required but preferred)

3.
Timeline - Your availability and proposed project timeline

4.
Approach - Brief outline of how you would approach this project

5.
Questions - Any technical questions about the requirements

Bonus Points For:

• Experience with booking/reservation systems

• Previous Webflow Cloud projects

• Understanding of Australian shuttle/transport industry

• Experience with Cloudflare Workers or edge computing

What We Provide

• Complete API documentation and access credentials

• Access to current Vue.js implementation for reference

• Webflow site access for DevLink integration

• Design assets and brand guidelines

• Direct communication with project stakeholders

• Flexible working hours (Australian timezone preferred but not required)

Next Steps

Selected candidates will be invited to a brief technical discussion where we'll:

• Review the ITM Projects API documentation together

• Discuss the Webflow Cloud integration approach

• Clarify any technical requirements

• Establish project timeline and milestones

Ready to build something amazing? Apply now with your portfolio and let's create a world-class booking experience that seamlessly integrates with our Webflow site.