Tulip Landcare: a landscaping website and back office in one Next.js app

Tulip Landcare is a landscaping and outdoor-living contractor in Orange County, California. We rebuilt its WordPress/Elementor site from scratch as one Next.js app: a fast public website plus a back office for leads, estimates, jobs and invoices. Visit tuliplandcare.com.

Tulip Landcare

A landscaping company's WordPress site rebuilt in Next.js, plus a back office for leads, estimates, jobs and invoices.

What we built

  • Every page migrated from WordPress/Elementor, keeping the original URLs
  • 301 redirect map so legacy URLs resolve in a single hop
  • Service and city pages, a blog, structured data and llms.txt
  • Quote form that saves each lead first and merges repeat enquiries
  • Next.js
  • PostgreSQL
  • Fly.io

Screenshots

Real screenshots of the live project, taken in October 2026.

Tulip Landcare homepage with a pool and patio hero under the headline Orange County's Trusted Outdoor Living Experts
Homepage hero with a pool and patio photo, quote and call buttons, and trust badges
Tulip Landcare homepage on mobile with the outdoor living headline, a Get a Free Quote button, a call button and trust badges
Homepage on a phone, with full-width quote and call buttons
Tulip Landcare Outdoor Living service page with a patio photo header, breadcrumbs and a Get a Free Quote sidebar card
Outdoor Living service page with breadcrumbs and a free-quote card
Tulip Landcare Costa Mesa page with a lit garden path header, local landscape design copy and a Free Costa Mesa Estimate card
Costa Mesa city page with local copy and a free estimate card

The starting point

The company had a WordPress site built with Elementor, with service and city pages that already showed up in local searches. The rebuild had to keep those URLs working. It was also a chance to give the team one place to handle leads, from the first call to the final invoice.

The public website

We migrated the content, kept the structure that was already working in search, and rebuilt everything underneath it.

The back office

Behind a sign-in, the team gets an admin built around how a landscaping company runs. Repeat enquiries from the same phone number or email merge into one lead instead of creating duplicates.

Stack

Next.js and TypeScript with a PostgreSQL database. Production runs on Fly.io, and we keep a preview copy on our own server.

Services behind this project

This project combined a website rebuild, custom web app development for the back office, local SEO to protect existing rankings, lead follow-up tools and structured data and llms.txt for AI search. See more home services and contractor projects.

Next project: iLights Modern, a WordPress migration with new city pages.

Frequently asked questions

Can you rebuild a WordPress site without losing Google rankings?

Nobody can promise rankings, but you can avoid throwing them away. On this project we kept the URLs that already ranked, moved the copy and metadata over, and redirected every legacy URL in a single hop.

Why put the website and the admin in one app?

One codebase means one sign-in system, one database and one place to fix things. Leads from the quote form land directly in the admin, with no plugin or third-party form service in between.

What happens when someone sends the quote form?

The lead is saved to the database first, then the team is notified. If the same person writes again with the same phone number or email, the new enquiry merges into their existing lead.

Is the site hosted on your servers?

Production runs on Fly.io today. We also run a preview copy on our own server.

Related services

Have a project in mind?

Tell us what you need and we'll get back to you by email.