Gatsby vs Roq

Gatsby is an open-source, React-based framework for building websites such as eCommerce and marketing sites, blogs, and documentation. It supports JavaScript and Node.js, and pages can be rendered with Static Site Generation, Deferred Static Generation, or Server-Side Rendering. Its GraphQL data layer gives page components a consistent way to request content, API, and service data. Gatsby also provides code-splitting, image optimization, lazy loading, and webpack. Its plugin library covers areas including CMS, styling, analytics, e-commerce, payments, authentication, and search; official integrations include hosting providers and content management systems. Gatsby 5 requires Node 18 and React 18. The open-source framework is free. A separate Free plan costs nothing and includes a 300-credit monthly limit, unlimited deploy previews, and custom domains with SSL. Personal costs $9 a month and Pro costs $20 a month; Enterprise pricing is custom. Projects pause when monthly usage limits are reached.

Roq is a free, open-source static site generator built with Java and Quarkus. It creates websites and blogs from Markdown and outputs static files for GitHub Pages, Netlify, or another static server. The project is aimed at AI users and coders, including developers who want zero configuration with customization in Java. Development mode provides a local preview server and live reload, while a browser WYSIWYG editor supports content editing and previewing. Markdown works by default, with plugins for AsciiDoc, tagging, search, diagrams, series, and sitemaps. The default theme includes a blog layout, dark mode, sidebar navigation, responsive design, and social links. Roq bundles CSS, JavaScript, and web assets with esbuild and can use npm packages through mvnpm without Node.js. A GitHub Action supports publishing, and GitLab CI is documented. The CLI installs through JBang on Linux, macOS, and Windows.