Jeasx – JSX with Ease

The Ease of JSX with the power of SSR

The developer experience of asynchronous JSX with the proven benefits of server-side rendering, resulting in a robust and streamlined web development approach.

Get startedView examples
[products].jsx

export default async function Products() {
  const { products } = await (
    await fetch("https://dummyjson.com/products")
  ).json();

  return (
    <Layout title="Products">
      {products.map(({ id, title, description }) => (
        <article>
          <a href={`?id=${id}`}>{title}</a>
          <p>{description}</p>
        </article>
      ))}
    </Layout>
  );
}

Welcome to Jeasx

By eliminating unnecessary complexity and providing precise control over HTML, CSS, and JavaScript, Jeasx empowers developers to craft exceptional web experiences and applications.

Breaking News

2024-11-01 - Jeasx 1.0.1 released

🎉 This version brings official support for Node 22. Also dependencies were updated to latest versions of fastify@5.0.1, fastify/static@8.0.2 and fastify/cookie@11.0.1. Added new examples for template fragments in combination with HTMX and image optimization with sharp.

Built on top of a proven tech stack

Jeasx is a sleek and modern framework that leverages tried and tested web technologies to deliver powerful and efficient web solutions.

fastify

Fastify is a high-performance web framework that excels at delivering an exceptional developer experience with minimal overhead. Fastify stands out as one of the fastest web frameworks available.

jsx-async-runtime

JSX is an outstanding templating technology that simplifies web development. By utilizing an asynchronous JSX runtime, the development process becomes even more straightforward.

esbuild

esbuild is a bundler for JavaScript. It is written in Go, which enables it to achieve remarkable performance gains. esbuild supports JSX, TypeScript, tree-shaking and more.

pm2

PM2's intuitive configuration options and extensive feature set make it a go-to choice for developers looking to streamline their workflow and maximize productivity.

Learn by examples

Exploring a new framework can be a daunting task. There are lots of examples with source code which will help you get started easily.

Philosophy

Jeasx embraces modern HTML and CSS as the core building blocks for web development, complemented by server-side rendered asynchronous JSX. It provides the flexibility to seamlessly enhance functionality using JavaScript, empowering developers to create dynamic web sites with minimal resource consumption.

Read more about our Philosophy

Getting started

Start your project instantly with a single command, enabling seamless development with zero turnarounds. Whether you opt for a traditional Node server or a serverless environment like Vercel, Jeasx provides the flexibility to deploy your application according to your preferences.

Next
How to get started?