Maraboo
Website for a beauty salon in Palma de Mallorca: hair, colour and lash services, prices, gallery and online booking.
Español · English
Visit the website: Maraboo (opens in a new tab)- Next.js and headless
- Measured Core Web Vitals
- Custom integrations
Web development · Performance, integrations and care
Web development in Spain: custom code that is fast and ready for AI
We are a web development agency in Mallorca building custom sites and web apps with Next.js and headless CMSs: fast on real phones, connected to your CRM, bookings and payments, readable by Google and AI agents, and maintained once live.
Personal reply, No obligation, English, Español
What it is
When custom development pays off
Custom web development pays off when your site must do something a template handles poorly: stay fast with lots of content or several languages, connect to your CRM, booking engine or ERP, or grow without piling up plugins. We offer web development in Spain from our Mallorca base, for clients nationwide and abroad.
It isn't always the answer. For a simple corporate site edited daily, a well-built WordPress install may be wiser; if selling products is the priority, an ecommerce platform such as Shopify usually gets you there sooner. We say so in the diagnosis, before quoting for code you don't need.
This page covers the engineering: architecture, performance, integrations, deployment, migrations and maintenance. Visual strategy, motion and UX sit within web design, run by the same team.
In depth
Headless architecture and Next.js: measurable speed
A headless architecture separates the content management system from the site people see, linking them through an API. Your team edits in a CMS such as Sanity or Storyblok; the site runs on Next.js, a React framework that serves ready-made HTML from the server or at build time and splits JavaScript by page.
We build for Google's Core Web Vitals thresholds: LCP at or under 2.5 seconds, INP under 200 milliseconds and CLS under 0.1. INP replaced FID on 12 March 2024 and measures how quickly a page responds to each tap or click, so heavy JavaScript is paid for in experience.
So we set a performance budget per template: optimised images with reserved space, non-blocking fonts, audited third-party scripts and a CDN serving the site close to each visitor, checked on every deployment.
In depth
Code that Google and AI agents understand
An AI-ready website is, above all, semantic and accessible. Google's guide to AI search, updated in July 2026, says agentic browsers may read screenshots, the DOM and the accessibility tree, and points to web.dev's practices for agent-friendly sites.
In practice: real buttons and links, labelled forms and key information in text, not images. Agentic commerce is early: the Universal Commerce Protocol Google announced in January 2026 powers checkout with eligible US retailers in AI Mode and the Gemini app, and OpenAI retired ChatGPT's Instant Checkout. Today's job is having data and markup ready.
At deployment we agree an AI-bot policy in robots.txt and at the CDN: OAI-SearchBot, Claude-SearchBot and PerplexityBot bring search visibility; GPTBot and ClaudeBot collect training data and can be blocked separately. Since 1 July 2025, Cloudflare has blocked known AI crawlers by default and asks new domains to choose. Visibility inside assistants is the job of GEO.
In depth
Integrations that connect your site to the business
A website earns its keep when every enquiry, booking or payment flows into the system that handles it. We connect it to your CRM (HubSpot, Salesforce or Pipedrive), booking engine, payment gateway (Stripe, Redsys or PayPal), ERP or email platform through APIs and webhooks, with retries and error logging.
Each integration is documented: what data moves, where, on what legal basis and who can access it. That lets us chain marketing automation or an AI agent on your site without data silos.
Measurement is engineering too: GA4 and Tag Manager with Consent Mode v2 and, where it fits, Google tag gateway for advertisers, which serves tags from your own domain (generally available with Cloudflare since May 2025 and Google Cloud since June 2026). It never replaces consent; see analytics and tracking.
In depth
Migrations planned to protect your rankings
Changing platform needn't cost visibility if the migration is treated as engineering. We inventory URLs carrying traffic, links or conversions, build a one-to-one 301 redirect map and keep canonicals, hreflang and structured data equivalent.
We work on a staging site kept out of the index and go live in a low-risk window, well away from any seasonal peak, then monitor crawling and indexing with our technical SEO team.
In depth
Website maintenance and care plans
A custom website needs ongoing maintenance: dependency updates, security patches, tested backups, uptime monitoring and performance reviews. Without it, the fastest site at launch degrades with every script or version left behind.
Each plan sets what we monitor, response times by severity and monthly development time for small improvements. Every change goes through version control, automated tests and staging. AI helps us review code and write tests, but a person approves every change, and customer data never enters external tools without your agreement.
What's included
What our web development includes
Combined to suit the project, from a headless corporate site to an integrated web app.
Technical architecture
Stack, CMS, hosting, CDN and integrations chosen in writing, with the reasoning.
Custom front end
Next.js, React and TypeScript with semantic, accessible HTML and a performance budget per template.
Configured headless CMS
Content models, languages, roles and previews so your team publishes unaided.
Integrations and APIs
CRM, bookings, payments, ERP and email connected with error logging.
Measurement and bot policy
GA4, Tag Manager, Consent Mode v2 and a written AI-bot decision for robots.txt and the CDN.
Testing and handover
Automated tests, accessibility and security review, documentation and training.
How we work
How we build your site, step by step
Five phases with deliverables and your sign-off. Timings are set in the proposal; see our method.
Phase 01 / 05
Technical diagnosis
Current platform, performance, integrations, risks and what must be kept.
Phase 02 / 05
Architecture
Stack, content models, data flows and acceptance criteria.
Phase 03 / 05
Build and test
Short releases to staging, with performance, accessibility and security testing.
Phase 04 / 05
Controlled launch
Redirects, bot policy, measurement and monitoring live in a low-risk window.
Phase 05 / 05
Care and evolution
A care plan, field-data reviews and improvements by impact.
The SERMAN approach
Why build your site with SERMAN
Engineering built for marketing
Our developers understand SEO, measurement and conversion, so the site is built to win business.
Performance measured, not promised
Core Web Vitals targets per template, checked against real-user data.
No lock-in
Code, repositories, domain, hosting and accounts in your name.
What it is not
What web development with us isn't
- Not headless for its own sake: if WordPress suits your team better, we'll say so.
- Not delivered and abandoned: without maintenance, performance and security degrade.
- Not a promise of rankings or sales: the site is the technical foundation, not the whole strategy.
- No AI shortcuts: Google doesn't use llms.txt, and no special file is needed to appear in AI Overviews.
What we measure
Indicators of a site that works
We review technical health and its business effect every time.
Field Core Web Vitals
Real-user LCP, INP and CLS by template, in Chrome UX Report and Search Console.
Uptime and errors
Availability, and server and browser errors resolved.
Integration reliability
Leads, bookings and payments reaching their system, and failed syncs.
Release quality
Incidents after each deployment and time to fix.
Technical conversions
Error-free form submissions and WhatsApp clicks, within the limits of consent.
Tools & platforms
Technologies we work with
- Next.js
- React
- TypeScript
- Node.js
- Sanity
- Storyblok
- WordPress
- Vercel
- Cloudflare
- GitHub
- Playwright
- Sentry
Who it's for
A particularly good fit if…
- Your current site is slow, fragile or relies on too many plugins.
- You need it connected to your CRM, bookings, payments or ERP.
- You run a hotel, clinic, school, software company or professional firm with multilingual content.
- You're changing platform and don't want to lose rankings.
- You want a proper care plan, not fixes whenever something breaks.
Compliance
Rules we build into the code
By default; not a substitute for legal advice.
Accessibility (Law 11/2023)
Since 28 June 2025, consumer e-commerce in Spain must be accessible, except service micro-enterprises. We code to WCAG and EN 301 549.
Cookies and consent
No analytics or advertising cookies before consent, with 'reject' as easy as 'accept', per the AEPD cookie guide.
Forms (GDPR)
First-layer notices on every form and documented data flows.
Chatbots (EU AI Act)
Since 2 August 2026, Article 50 requires telling users at the start that they're talking to an AI; every assistant we connect does.
Projects
Web design in production
Each video is a real recording of the site scrolling through its home page. The ones marked as preview are new sites still under review by the client.
Serman Properties
Real estate agency in Mallorca: buying, selling and renting flats, villas and houses in Palma, with advice in Spanish and German.
Español · Deutsch
Visit the website: Serman Properties (opens in a new tab)Serman Exotic Rentals
Exotic car rental in Palma de Mallorca: a supercar fleet, villa and marina delivery, concierge service, yacht charter and booking by WhatsApp.
English
Visit the website: Serman Exotic Rentals (opens in a new tab)Serman Rent
Luxury transportation in Mallorca: premium vehicles, VIP chauffeur service, airport transfers and bespoke travel.
English
Visit the website: Serman Rent (opens in a new tab)FAQ
Frequently asked questions
What is custom web development?
Building your site with its own code, shaped around your business, rather than adapting a template. You control performance, security, integrations and experience, usually with Next.js plus a headless CMS your team edits without coding.
What are the benefits of a headless website?
Content is separated from presentation: your team edits in the CMS while an optimised front end serves the site. You gain speed, design freedom, security and easier multilingual publishing, but each new template needs development.
What is Next.js and why does it make websites faster?
A React framework that renders pages on the server or ahead of time, so the browser receives HTML ready to display, with image optimisation, code splitting and caching built in. Final speed still depends on how the site is built.
How much does website maintenance cost?
It depends on the technology, integrations, monitoring level, response times and the monthly improvements you want. After a first conversation we propose a written plan showing what it covers and what it doesn't.
Can my website integrate with my CRM and booking system?
Yes. We connect sites to CRMs, booking engines, payment gateways, ERPs and email platforms through their APIs, with error logging. Without an API, we find the most reliable alternative and explain its limits.
Do you provide web development in Spain beyond Mallorca?
Yes. We're based in Palma de Mallorca and work with companies across Spain and abroad, in English and Spanish, in person or remotely. Code and accounts always stay in your name.
Related services
Pairs well with
Web Design
Premium bilingual websites with purposeful motion, accessible by default and fast by design, built for people, Google and AI agents.
Technical SEO
Technical SEO audits and fixes for crawling, indexing, Core Web Vitals, structured data and AI crawler access.
Ecommerce Development & Growth
We build and grow online stores on Shopify, WooCommerce or headless: accessible, fast and with product data ready for Google and AI.
UX/UI Design & Web Accessibility
Research, interfaces and design systems people grasp first time, plus WCAG 2.2 AA accessibility audits and a plan to fix what fails.
AI Agents & Chatbots
AI chatbots and voice agents that answer, qualify and book in several languages, disclose they are AI and hand over to a person.
Contact
Start with a technical diagnosis
We review your site's performance, architecture, integrations and security, then tell you what to build, keep or leave alone.
Personal reply, No obligation, English, Español
Start with SERMAN
Tell us about your project
First conversation
Diagnosis and proposal