+<!DOCTYPE html><html><head><base id="html-base" href="/rockpack/" target="_blank"><link rel="Rockpack icon" href="/rockpack/favicon.ico" type="image/x-icon"><meta charset="utf-8"><meta name="description" content="Rockpack is a zero-configuration toolkit for building React applications with SSR, bundling, linting, testing, and built-in support for AI-assisted development."><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="format-detection" content="telephone=no"><meta name="format-detection" content="address=no"><meta http-equiv="Cache-Control" content="no-cache"><meta name="HandheldFriendly" content="True"><meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1"><meta name="google" value="notranslate"><meta http-equiv="Permissions-Policy" content="interest-cohort=()"><link href="./css/styles.css" rel="stylesheet"><title>Rockpack</title></head><body><div id="root"><div class="Ua54i8oU6guxF1cnvS0s"><div><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 370.9 178.76"><g stroke="#fff"><path d="M5.62 162.13v-49.11h12.3c4.97 0 8.91 1.23 11.83 3.69s4.38 5.79 4.38 9.98c0 2.86-.71 5.33-2.14 7.42s-3.48 3.64-6.15 4.68c1.57 1.03 3.11 2.44 4.61 4.22s3.61 4.89 6.33 9.32c1.71 2.79 3.08 4.89 4.11 6.29l2.6 3.52h-8.37l-2.14-3.24q-.105-.18-.42-.6l-1.37-1.94-2.18-3.59-2.35-3.83c-1.45-2.02-2.78-3.62-3.99-4.81s-2.3-2.05-3.27-2.58-2.61-.79-4.91-.79h-1.83v21.38H5.62zM14.77 119h-2.11v15.5h2.67c3.56 0 6.01-.3 7.33-.91s2.36-1.53 3.09-2.76 1.11-2.63 1.11-4.2q0-2.325-1.23-4.2c-1.23-1.875-1.97-2.14-3.46-2.65s-3.96-.78-7.4-.78zM68.68 112.32c7.59 0 13.91 2.4 18.95 7.21s7.57 10.83 7.57 18.07-2.55 13.24-7.64 17.98-11.52 7.12-19.27 7.12c-7.4 0-13.57-2.37-18.5-7.12s-7.4-10.69-7.4-17.84c0-7.34 2.48-13.41 7.45-18.21s11.25-7.21 18.84-7.21zm.28 6.68c-5.62 0-10.24 1.76-13.86 5.27s-5.43 8-5.43 13.46c0 5.3 1.81 9.7 5.44 13.22s8.17 5.27 13.63 5.27c5.48 0 10.05-1.79 13.72-5.38s5.5-8.05 5.5-13.39c0-5.2-1.83-9.58-5.5-13.13S74.3 119 68.96 119zM146.18 150.74v7.73c-5.16 2.81-11.11 4.22-17.86 4.22-5.48 0-10.14-1.1-13.96-3.3s-6.84-5.24-9.07-9.11-3.34-8.05-3.34-12.55c0-7.15 2.55-13.16 7.65-18.04s11.38-7.31 18.86-7.31c5.16 0 10.89 1.35 17.19 4.04v7.56c-5.74-3.28-11.36-4.92-16.84-4.92-5.62 0-10.29 1.78-14.01 5.33s-5.57 8-5.57 13.34c0 5.39 1.83 9.82 5.48 13.29s8.33 5.2 14.03 5.2c5.96.01 11.77-1.82 17.44-5.48zM182.6 113.02h8.79l-21.3 23.31 26.54 25.8h-9.6l-25.1-24.26v24.26h-7.03v-49.11h7.03v22.46zM201.66 162.13v-49.18h15.57c4.69 0 8.43 1.27 11.21 3.8s4.18 5.93 4.18 10.2c0 2.86-.71 5.39-2.14 7.59s-3.39 3.8-5.87 4.8-6.05 1.49-10.69 1.49h-5.2v21.3zM216 119.21h-7.28v15.36h7.7c2.86 0 5.06-.67 6.61-2.02s2.32-3.28 2.32-5.78c0-5.04-3.12-7.56-9.35-7.56zM248.66 112.74h4.94l22.02 49.39h-7.2l-6.54-14.55h-20.95l-6.14 14.55h-7.23zm10.33 28.58-7.92-17.79-7.35 17.79zM320.45 150.74v7.73c-5.16 2.81-11.11 4.22-17.86 4.22-5.48 0-10.14-1.1-13.96-3.3s-6.84-5.24-9.07-9.11-3.34-8.05-3.34-12.55c0-7.15 2.55-13.16 7.65-18.04s11.38-7.31 18.86-7.31c5.16 0 10.89 1.35 17.19 4.04v7.56c-5.74-3.28-11.36-4.92-16.84-4.92-5.62 0-10.29 1.78-14.01 5.33s-5.57 8-5.57 13.34c0 5.39 1.83 9.82 5.48 13.29s8.33 5.2 14.03 5.2c5.95.01 11.77-1.82 17.44-5.48zM356.87 113.02h8.79l-21.3 23.31 26.54 25.8h-9.6l-25.1-24.26v24.26h-7.03v-49.11h7.03v22.46z"></path></g><path stroke="#fff" d="M283.45 49c-10.01-1.23-28.98-4-39.79-5.33l1.96-4.49c-4.76-4.81-9.09-9.19-14.15-14.3-2.03 2.7-4.68 5.83-6.89 9.25-4.52 6.98-10.36 12.34-17.92 15.88-8.98 4.21-16.66 9.91-21.44 18.92-.7 1.32-1.86 2.38-3.27 3.23 1.8-11.24 6.74-20.4 17.16-25.96 5.65-3.01 10.8-6.5 12.26-13.35.15-.72.17-1.47.28-2.51-5.47-.99-8.59 2.18-11.57 5.45-6.27 6.87-12.06 14.24-18.76 20.65-19.53 18.68-43.47 26.58-70.08 27.53-4.65.17-9.27.8-13.91 1.18-.33.03-7.66.6-9.88-.16 3.87-1.44 13.22-3.44 15.72-4.01 13.39-3.04 26.99-5.31 40.18-9.04 12.6-3.56 21.27-13.26 31.88-22.78-6.99-3.8-12.43-8.18-18.6-9.78-8.52-2.2-15.84 1.61-20.84 9.08-2.28 3.42-4.52 6.86-6.75 10.32a47.4 47.4 0 0 1-9.21 10.47l-.81.68L124.45 55 97.59 70.53c8.56-6.97 17.11-13.94 25.67-20.9l7.19-6.63c-2.12 1.17-13.06 6.66-14.98 8.09-10.71 7.96-20.92 16.71-32.14 23.87-6.4 4.08-13.65 6.83-20.76 9.79-3.3 1.37-6.83 2.13-10.4 2.19-21.82.35-32.7 1.06-33.72 1.06 4.11-1.03.05-1.88 28.72-3.76 7.49-.49 14.71-2.96 20.96-7.11 15.78-10.46 29.35-23.73 43.69-36.02 6.24-5.35 11.81-10.91 21.45-10.8 4.65.05 9.41-4.93 14.03-7.77 3.03-1.86 5.26-2.68 8.95-.09 8.78 6.17 18.25 11.37 27.79 17.18 1.45-1.72 3.06-4.1 5.12-5.96 3.4-3.06 6.75-7.58 10.72-8.34 13.92-2.68 24.42-12.17 37.08-17.17 1.86-.74 3.28-2.77 4.72-4.37 4.39-4.87 8.42-5.22 12.37-.02 11.63 15.32 26.78 26.64 41.77 38.26 4.03 3.13 6.94 7.7 10.33 11.64 3.52 4.11 6.84 8.4 10.53 12.34 2.72 2.9 5.92 5.37 10.26 9.24C312.45 74 307.72 63.2 291.45 66l-35 5c5.74-1.73 23.09-6.37 35.85-9.9 5.61-1.55 6.84-9.12 1.89-12.19-.03-.02-.07-.04-.1-.06-6.71-4.09-13.88-7.42-20.86-11.09-1.43-.75-2.74-2.04-4.24-2.3-7.17-1.21-12.53-5.13-17.05-10.55-.58-.7-1.59-1.04-2.81-1.81-1.72 4.49-.53 6.87 3.33 9.01z" style="fill: rgb(0, 104, 175);"></path></svg><a class="iSgBNDAFiy2fwFmP5smu" href="https://github.com/AlexSergey/rockpack" rel="noreferrer" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 652 652"><path d="M389.1 360.9h-.2c.1 0 .1.1.2.1h.1zm0 .1c-.8 0-2.9.4-5.1.4-6.9 0-9.3-3.2-9.3-7.4v-27.8h14.1c.8 0 1.4-.7 1.4-1.7v-15.1c0-.8-.7-1.5-1.4-1.5h-14.1v-18.8c0-.7-.5-1.1-1.3-1.1h-19.2c-.8 0-1.2.5-1.2 1.1v19.3s-9.7 2.4-10.3 2.5c-.7.2-1.1.8-1.1 1.5v12.1c0 1 .7 1.7 1.5 1.7h9.8v29.2c0 21.7 15.1 23.9 25.4 23.9 4.7 0 10.4-1.5 11.3-2 .5-.2.8-.8.8-1.4v-13.3c0-.8-.5-1.4-1.3-1.6m210.6-19.5c0-16.1-6.5-18.2-13.3-17.5-5.3.3-9.6 3-9.6 3v31.3s4.3 3 10.8 3.2c9.1.2 12.1-3.1 12.1-20m21.6-1.4c0 30.5-9.9 39.2-27.1 39.2-14.6 0-22.4-7.4-22.4-7.4s-.3 4.1-.8 4.6c-.3.5-.7.7-1.3.7h-13.1c-.9 0-1.7-.7-1.7-1.5l.2-98.7c0-.8.7-1.5 1.5-1.5h18.9c.8 0 1.5.7 1.5 1.5v33.5s7.3-4.7 18-4.7l-.1-.2c10.6 0 26.4 4 26.4 34.5M543.8 308h-18.7c-1 0-1.5.7-1.5 1.7V358s-4.9 3.4-11.6 3.4c-6.6 0-8.6-3-8.6-9.7v-42.2c0-.8-.7-1.5-1.5-1.5h-19c-.8 0-1.5.7-1.5 1.5V355c0 19.5 10.9 24.4 25.9 24.4 12.4 0 22.4-6.8 22.4-6.8s.5 3.5.7 4c.2.4.8.8 1.4.8h11.9c1 0 1.5-.7 1.5-1.5l.2-66.4c.1-.8-.7-1.5-1.6-1.5m-210.6-.1h-18.9c-.8 0-1.5.8-1.5 1.8v65.2c0 1.8 1.2 2.4 2.7 2.4h17.1c1.8 0 2.2-.8 2.2-2.4v-65.5c-.1-.8-.8-1.5-1.6-1.5m-9.4-30.1c-6.8 0-12.3 5.4-12.3 12.3 0 6.8 5.4 12.3 12.3 12.3 6.7 0 12.1-5.4 12.1-12.3 0-6.8-5.4-12.3-12.1-12.3m146.6-2.2h-18.8c-.8 0-1.5.7-1.5 1.5v36.3h-29.4v-36.3c0-.8-.7-1.5-1.5-1.5h-18.9c-.8 0-1.5.7-1.5 1.5v98.7c0 .8.8 1.5 1.5 1.5h18.9c.8 0 1.5-.7 1.5-1.5v-42.2h29.4l-.2 42.2c0 .8.7 1.5 1.5 1.5h18.9c.8 0 1.5-.7 1.5-1.5v-98.7c.1-.8-.6-1.5-1.4-1.5m-167.7 43.7v51c0 .3-.1 1-.5 1.1 0 0-11.1 7.9-29.4 7.9-22.1 0-48.4-6.9-48.4-52.6s22.9-55.1 45.3-55c19.4 0 27.2 4.4 28.4 5.2.3.5.5.8.5 1.2L295 294c0 .8-.8 1.8-1.8 1.5-3.2-1-8-2.9-19.3-2.9-13.1 0-27.1 3.7-27.1 33.2 0 29.4 13.3 32.9 22.9 32.9 8.2 0 11.1-1 11.1-1v-20.4h-13.1c-1 0-1.7-.7-1.7-1.5v-16.4c0-.8.7-1.5 1.7-1.5H301c1-.1 1.7.6 1.7 1.4m0 0" style="fill: rgb(36, 41, 46);"></path><path d="M97.4 246.4c-42.1 0-76.2 34.1-76.2 76.2 0 33.7 21.8 62.2 52.1 72.3 3.8.6 5.3-1.6 5.3-3.6 0-1.8-.1-7.8-.1-14.2-19.1 3.5-24.1-4.7-25.6-8.9-.9-2.2-4.6-9-7.8-10.8-2.7-1.4-6.5-5-.1-5.1 6-.1 10.3 5.5 11.7 7.8 6.9 11.5 17.8 8.3 22.2 6.3.7-4.9 2.7-8.3 4.9-10.2-16.9-1.9-34.7-8.5-34.7-37.6 0-8.3 3-15.2 7.8-20.5-.8-1.9-3.4-9.7.8-20.2 0 0 6.4-2 21 7.8 6.1-1.7 12.6-2.6 19-2.6 6.5 0 12.9.9 19 2.6 14.6-9.9 20.9-7.8 20.9-7.8 4.2 10.5 1.5 18.3.8 20.2 4.9 5.3 7.8 12.1 7.8 20.5 0 29.2-17.8 35.7-34.8 37.6 2.8 2.4 5.2 6.9 5.2 14.1 0 10.2-.1 18.4-.1 20.9 0 2 1.4 4.4 5.2 3.6 31-10.5 51.9-39.6 51.9-72.3 0-42-34.1-76.1-76.2-76.1m0 0" style="fill-rule: evenodd; clip-rule: evenodd; fill: rgb(36, 41, 46);"></path></svg></a><p><strong>Rockpack</strong> is a zero-configuration toolkit for building React applications — with full support for <strong>Server-Side Rendering (SSR)</strong>, bundling, linting, and testing. In minutes, you can have a modern React app with production-ready quality gates, preconfigured tooling, and built-in support for AI-assisted development.</p><h2>Key Features</h2><ul><li><strong>Zero-config setup</strong>: Scaffold a complete React app with a single command.</li><li><strong>SSR out of the box</strong>: Universal rendering with hydration and a Node.js server, no manual configuration needed.</li><li><strong>Production-ready quality gates</strong>: Enforced ESLint, Prettier, TypeScript, and Jest conventions from day one.</li><li><strong>Test coverage included</strong>: Every project template ships with a configured Jest setup, so AI-generated code is validated immediately — before it ever reaches code review.</li><li><strong>AI-first development</strong>: Preconfigured <code>CLAUDE.md</code> with strict quality rules and cost-saving conventions makes working with AI tools like Claude Code fast, reliable, and economical.</li><li><strong>Extensible</strong>: Customize Webpack, ESLint, or Jest without ejecting.</li></ul></div><div><h2>AI-Assisted Development</h2><p>Rockpack is designed to make AI-assisted development <strong>safe, fast, and cost-efficient</strong>.</p><p>Beyond tooling, Rockpack establishes a <strong>baseline architecture</strong> — consistent project structure, naming conventions, and module boundaries — that AI models can reason about reliably. A well-structured codebase dramatically improves the quality of AI-generated code because the model has clear patterns to follow and fewer ambiguous decisions to make.</p><p>The combination of a defined architecture, test coverage, strict quality gates, and a well-tuned <code>CLAUDE.md</code> means AI tools like Claude Code can contribute to your codebase without introducing regressions or inconsistencies.</p><p>The <code>CLAUDE.md</code> configuration is optimized for:</p><ul><li><strong>Minimal context usage</strong> — rules guide the AI to read only what is relevant, reducing token consumption</li><li><strong>Cost-efficient workflows</strong> — targeted test runs instead of full-suite scans for isolated changes</li><li><strong>Architecture consistency</strong> — the AI preserves existing patterns instead of introducing unnecessary abstractions</li><li><strong>Safe incremental changes</strong> — small, predictable diffs that are easy to review</li><li><strong>Quality enforcement</strong> — ESLint, TypeScript strict mode, and Jest act as automated reviewers on every AI-generated change</li></ul></div><h2 id="#getting_started">Getting Started</h2><p>The easiest way to start is using the <a href="https://github.com/AlexSergey/rockpack/tree/master/packages/starter">@rockpack/starter</a> CLI. It scaffolds a fully configured project in a single command and supports the following application types:</p><ul><li>React SPA — client-side app with Webpack, TypeScript, ESLint, and Jest</li><li>React SPA + SSR — universal app with server-side rendering and hydration</li><li>React Component — NPM-ready component with TypeScript declarations</li><li>UMD Library — framework-agnostic library for NPM</li></ul><p>1. Installation:</p><pre style="color: rgb(158, 254, 255); background-color: rgb(45, 42, 85);"><div class="token-line" style="color: rgb(158, 254, 255);"><span class="token plain">npm i -g @rockpack/starter</span></div></pre><p>2. Creating an app:</p><pre style="color: rgb(158, 254, 255); background-color: rgb(45, 42, 85);"><div class="token-line" style="color: rgb(158, 254, 255);"><span class="token plain">rockpack <project name></span></div></pre><p>3. Select the type of application and the required modules:</p><img alt="Rockpack CLI" class="flexible-image" src="./static/images/rockpack_starter_1.v8.286a610f007b4cb63b1e.png" style="width: 100%;"><div>License MIT, 2026</div></div></div><script src="./index.js" type="text/javascript"></script></body></html>
0 commit comments