Classic
In this setup, the visual aspect of the website is completely separate from the content. This allows you to fully immerse yourself in the content, knowing that what is displayed on the front end will look visually stunning.
FROM SERVICES WEB DEVELOPMENT PAGE
Headless WordPress
If you’re looking for a best in class website to blow your competitors out of the water then we can build you a Headless WordPress Website.
Built using WordPress as your super easy and intuitive CMS (Content Management System), you’ll have a Next.js frontend that serves up blazingly fast static pages.
In layman’s terms, that means instead of:
- A request going to the server for a page
- The server querying the database, building the page
- Then sending it back to the browser
We have instead:
- A cached version of the page in a static .html file that is sent to your visitor blazingly fast.
Read more about Headless WordPress Website.
Traditional WordPress
We also offer a traditional WordPress build using PHP.
This allows us to build extremely quickly why providing you with a fantastic and intuitive CMS.
What’s more you’ll be able to take advantage of the ecosystem of WordPress plugins as you see fit so that you can add or extend the functionality of your website often with little or no need for additional development support.
Flexible Web
If budget is tight, and it is for many businesss, we don’t want to scare you off with unrealistic prices.
That is why we have come out with Flexible Web.
Think of this like a bunch of web Lego blocks.
You piece them together however you like, so you might want some text, then an image gallery, then a list of your latest blog posts.
This is NOT a template. It is completely flexible, nothing rigid about it.
However, if for instance you have a case study page that you like the layout of, then you can clone this page just like a template.
A good layout for a case study page would be:
- Hero Image
- Description of the work you did
- Image Gallery
- Testimonial
- Contact Form
Of course you’ll need to update the content, but you can keep things consistent very easily if that’s what you choose to do.
What’s your preferred flavour…of CMS editing experience?
Our clients have different preferences when it comes to their editing experience, so we cater both for those who just want to focus purely on content and those who like a more visual representation whilst populating their site.
FROM SERVICES WEB DEVELOPMENT PAGE
What is headless WordPress?
A headless WordPress setup means the backend of your website, your WordPress CMS (Content Management System) and all your data, is hosted in one place and the frontend of your website, the visual element of your website that you and your visitors see in a browser, is hosted in another place.
The benefits of taking this approach are as follows:
Blazingly fast pages
By taking advantage of SSG (Static Site Generation), pages are pre-rendered during build time and served to your visitors at breakneck speed.
Security
Due to the separation of the WordPress CMS (Content Management System) and the front end of your website, the risk of direct attacks is minimal. Also any PHP vulnerabilities are completely removed.
Update content easily
ISR (Incremental Static Regeneration) allows you to update only the pages that need updating, rather than a full site rebuild.
Modern development
By using Next.js / React we can build websites using modern JavaScript and ensure a modular approach where components are easily reused.
SEO improvements
Faster load times contribute to better Web Core Vitals, which are a crucial factor in SEO (Search Engine Optimisation) rankings.
Our process
We like to build our headless WordPress websites using Next.js, Gutenberg Blocks and Tailwind CSS.
This combination provides you with the ultimate content creation experience and your visitors with extremely quick page loads.
It allows us as developers to keep your website very modular which is great because:
01
01
Reusability
Components can be resued across your website, i.e. a button / link component need only be created once and reused by other components that require a button.
02
02
Maintainability
Updating one component will automatically update all instances of it across your website.
03
03
Readability
Development becomes easier when each component does one thing. It means files are in smaller, more manageable pieces that are easier to understand and work with.
04
04
Scalability
Modular components make it much easier to scale a website because you know you will not impact other components.
05
05
Debugging
If an error does arise then it is very easy to debug a small component that is easy to unerstand, rather than having to dig through a monolithic file where it is uncertain what impact fixing one part of the code may have elsewhere.
A balanced overview
We always like to give a balanced overview of the approaches we take so here are some of the downsides to headless WordPress.
Increased development costs
Compared to a traditional WordPress setup in PHP, building a headless WordPress site requires more technical development skills.
Increased hosting costs
You have to pay for two separate hosts. One for your WordPress backend and another for your Next.js front end.
Plugins don’t work out of the box
You can’t just drop plugins onto your website and expect them to work. You will need to have an ongoing relationship with your developer for any new functionality that you require.