Build enterprise websites with the technologies developers know and like.
No time to waste, let's start with the code. And then you can scroll for the marketing copy.
Development starts with telling Jahia what you want to store, and let Jahia figure out the structure of the storage layer and generate interactive edition interfaces for your editors.
This is done with a simple and expressive language: the Compact Node Definition language (CND). Here is how this very code snippet is defined in CND:
[example:codeSnippet] > jnt:content
- language (string, choicelist) mandatory < 'js', 'html', 'css'
- code (string, textarea) mandatoryYou can then render data on the server with React as a templating engine, offering best-in-class Developer Experience (DX). We take care of interfacing with Jahia, you retrieve the data as native JavaScript objects:
import { Island, jahiaComponent } from "@jahia/javascript-modules-library"
import Copy from "./Copy.client.tsx"
jahiaComponent(
{ componentType: "view", nodeType: "training:codeSnippet" },
({ code, language }) => (
<div>
<Island component={Copy} props={{ code }} />
<pre>{code}</pre>
</div>
)
)
Need interactivity? Leverage the full power of client-side React components with our implementation of the Island Architecture pattern, offering both performance and flexibility.
import { useState } from "react"
import classes from "./styles.module.css"
export default function Copy(props: { code: string }) {
const [copied, setCopied] = useState(false)
return <button
className={classes.copy}
onClick={() => {
navigator.clipboard.writeText(props.code)
setCopied(true)
}}
>
{copied ? "Copied!" : "Copy"}
</button>
}Take your styles at scales with CSS Modules, the modern and modular approach to styling your components. CSS conflicts are a thing of the past.
.wrapper {
position: relative;
}
.copy {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}Stop wasting time configuring your build tools, we use the friendly Vite stack for all things front end.
import jahia from "@jahia/vite-plugin"
import { defineConfig } from "vite"
export default defineConfig({
plugins: [
jahia()
// Add tailwind, SVG processing...
]
})We understand the needs of developers to offer the best software solutions.
Jahia is a CMS that walks the extra mile for you. Focus on defining your content model: we handle the complex editing and storage mechanics automatically.
We chose React for our server-side and client-side templating language:
Fully static websites are a thing of the past, all websites need a sparkle of interactivity. We deliver that experience without sacrificing global website performance.
Write all your server and client-side code in React, and let our engine handle the magic: only the required components are made interactive, not the entire page.
This approach also means we ship 0 bytes of JS by default. Your rendered pages and content scripts can be fully cached at the edge for maximum speed.
Want to know more? Read our introduction to Island Architecture.
Jahia strives to offer the most comfortable and up-to-date development stack.
Pick your favorite technologies in the JavaScript ecosystem.
Does Vite still need an introduction? It is the de facto standard for modern JS stacks, and we are no exception. Here's what you get, fully configured out-of-the-box:
And if that's still not enough, you get access to a vibrant ecosystem: Tailwind, UnoCSS, and all your favorite tools already have a readily available Vite plugin.
As the industry's most-adopted JS rendering library with over 80% developer usage, React offers an enormous library of high-quality tutorials and support. Stop reinventing the wheel: the React ecosystem already offers solutions for nearly every need.
If you already have a React design system, we have great news: you can use it directly within your Jahia modules, without modification.
Building advanced headless features, like lazy-loading contents? We've got your back.
Every single piece of data stored in Jahia is exposed and queryable through our GraphQL API. This means you can filter, paginate, and render content right from your frontend. You get to skip the usual REST API headaches like underfetching, overfetching, and frustrating waterfall requests.
We're serious about this API: we use this exact same endpoint to render all of Jahia's editing interfaces. If it can handle that, it can handle anything you throw at it.
Start building your first Jahia module with a single command:
npm init @jahia/module@latest100% free and runs locally.
You'll need Node.js, Yarn and Docker installed.
We build the hard features, leaving you the fun ones.
At its core, Jahia is a head-on CMS. Your editors get a fully featured interface before writing a single line of code:
All your content is automatically indexed by a language-aware search engine. Build a site-wide search experience in minutes.
We handle all your user needs: login and registration, single or multi-site access, and full support for both traditional passwords and SSO.
And of course you can edit user accounts through the interface.
Cache invalidation is still one of the two hard things in computing (along with naming things and 0-indexing). We strive to make it accessible through a declarative approach:
Jahia gives you a powerful permission system with fine-grain access control—down to a single content item. This applies across all aspects of Jahia: editing, visitor access, API consumption, and more.
Use it as-is, or easily extend it with your own custom permissions and access checks.
SEO (Search Engine Optimization) is never an afterthought. Generate sitemaps, manage vanity URLs, and set OpenGraph metadata all straight from Jahia.
Jahia is designed as a combination of modules, each of them providing clearly defined features and easily upgradable independently. Compose and extend modules to build powerful and maintainable digital experiences. The era of monoliths is over.
We build on the battle-tested OSGi standard. You don't need to be an expert to enjoy the full potential: you can update Jahia modules on a running instance. No more system-wide downtimes caused by upgrades.
Make Jahia your own.
Extend Jahia's core backend capabilities with custom extensions:
Extend Jahia's editing interface using 30+ extension hooks—from custom data pickers to complete visualization dashboards.
We use these exact same hooks for all official Jahia modules, guaranteeing you have access to everything we do.
Jahia lets you pick your favorite approach or even use both at once.
With Jahia, you can achieve full decoupling between the content layer and the render layer:
Head-on doesn't mean you're limited to server-side-only templating. By leveraging React, you enable both server-side and client-side rendering.
Create true islands of interactivity in your pages—getting the speed of static rendering alongside the dynamic feel of a modern SPA—and still interact with Jahia through its extendable GraphQL API, just like in a pure headless context.
Jahia fully embraces the open-source philosophy, using permissive licensing for its core products.
A tailored walkthrough aligned with your teams, architecture, and delivery model (hybrid or headless).