npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

create-backlist

v10.1.6

Published

An advanced, multi-language backend generator based on frontend analysis. Smart Freemium SaaS CLI with Live QA.

Downloads

296

Readme

🚀 Create Backlist CLI

NPM Version Downloads License: MIT Maintenance

The World's First AST-Powered Polyglot Backend Generator.

create-backlist is an intelligent CLI tool that Reverse Engineers your frontend source code to automatically generate production-ready backends.

Unlike traditional scaffolders that rely on static templates, it uses Abstract Syntax Tree (AST) Analysis to deep-scan your code (React, Vue, etc.), understand your API intent, and generate a custom backend in Node.js, Python, Java, or C# with full Docker support.


🧠 The Core Technology (AST Analysis)

Why is this tool unique? It doesn't just "read" text; it "understands" structure.

We use an Abstract Syntax Tree (AST) engine to break down your frontend code into its fundamental components. This allows us to ignore comments, spacing, and formatting, focusing purely on the logic.

%%{init: {'theme': 'base', 'themeVariables': { 'primaryColor': '#007ACC', 'edgeLabelBackground':'#ffffff', 'tertiaryColor': '#f4f4f4'}}}%%
graph TD
    subgraph Frontend Source
        Code["fetch('/api/users', { method: 'POST' })"]
    end
    
    Code -->|Parser| AST[AST Node: CallExpression]
    
    subgraph AST Logic Engine
        AST -->|Detect| Type[Callee: fetch]
        AST -->|Extract| Arg1[Arg 0: '/api/users']
        AST -->|Extract| Arg2[Prop: method = 'POST']
    end

    subgraph Backend Generation
        Arg1 & Arg2 -->|Map to| Route["Route: POST /api/users"]
        Route -->|Generate| Controller["Controller: createUser()"]
    end
    
    style AST fill:#ffcc00,color:black
    style Route fill:#00cc66,color:white

🏗️ System Architecture

Our 3-Stage Compilation Process ensures that one frontend codebase can generate backends in multiple languages.

graph LR
    subgraph Input [Stage 1: Analysis]
        A["Frontend Files"] -->|AST Parsing| B("Scanner Engine")
    end
    subgraph Core [Stage 2: Abstraction]
        B -->|Extracts Endpoints| C{"Intermediate JSON Bridge"}
    end
    subgraph Output [Stage 3: Generation]
        C -->|Transpiles| D["Node.js (Express)"]
        C -->|Transpiles| E["Python (FastAPI)"]
        C -->|Transpiles| F["Java (Spring Boot)"]
        C -->|Transpiles| G["C# (.NET Core)"]
    end
    style C fill:#ff9900,stroke:#333,stroke-width:2px,color:white
  1. Stage 1 (Analysis): The engine scans source files (prioritizing active editor context) to build an AST.
  2. Stage 2 (Abstraction): Extracted logic is converted into a universal JSON Intermediate Representation (IR). This acts as a "Bridge" between languages.
  3. Stage 3 (Generation): Language-specific compilers read the JSON IR and write production-ready code.

⚡ Real-World Example

See how create-backlist transforms your code instantly.

1️⃣ Input (Your Frontend Code)

Imagine you have this simple API call in your React component:

// user-profile.jsx
axios.post('/api/v1/users', { name: "Ishan", role: "Admin" });

2️⃣ Output (Generated Backend)

Running npx create-backlist automatically detects the route and body, generating:

// Generated Controller (Node.js/Express)
import { Request, Response } from 'express';

export const createUsers = async (req: Request, res: Response) => {
    try {
        // Logic for POST /api/v1/users
        const { name, role } = req.body; 
        res.status(201).json({ message: "Resource created successfully" });
    } catch (error) {
        res.status(500).json({ error: "Internal Server Error" });
    }
};

It also automatically updates routes.ts and creates a Dockerfile!


✨ Key Features & Innovation

| Feature | Description | | --- | --- | | 🤖 AST-Powered Engine | Uses advanced static analysis to detect endpoints dynamically. Superior to Regex because it understands code structure. | | 🌐 Polyglot Support | One Tool, Four Stacks. ✅ Node.js (Production Ready), 🚀 Python, Java, C# (Beta Support) | | 🐳 Auto-Dockerization | Instantly generates optimized Dockerfile and docker-compose.yml for zero-config deployment. | | 🧠 Active Context Analysis | Smartly prioritizes scanning the file currently open in your VS Code editor to capture complex endpoints missed by global scans. | | ⚡ Zero-Config Boilerplate | No manual setup. It scaffolds folders, installs dependencies (package.json, pom.xml, requirements.txt), and starts the server. |


📦 Installation & Usage

No global installation needed. Just run this command inside your existing frontend project's root:

npx create-backlist@latest

🚀 Interactive Walkthrough

The CLI will guide you through 3 Simple Steps:

  1. Select Stack: Choose between Node.js, Python, Java, or C#.
  2. Name Backend: Choose a folder name (e.g., my-server).
  3. Locate Source: Point to your frontend folder (e.g., src).

💡 Technical Comparison: Why AST?

Why did we choose Abstract Syntax Trees over simple Text Search (Regex)?

| Method | Can Read Comments? | Understands Variables? | Accuracy | | --- | --- | --- | --- | | Regex (Others) | ❌ No (Might detect commented code) | ❌ No | Low | | AST (Us) | ✅ Yes (Ignores comments) | ✅ Yes (Trace variable values) | High |


🗺️ Roadmap & Research Goals

This tool is an ongoing research project aimed at automating software infrastructure.

  • [x] Phase 1: Core Engine (AST Parsing & Node.js Support) - Completed
  • [x] Phase 2: Polyglot Architecture (Python, Java, C# Support & Docker) - Completed
  • [ ] Phase 3: Intelligent Data Modeling (Auto-generate Prisma/TypeORM schemas from request bodies)
  • [ ] Phase 4: Security Automation (Auto-generate JWT auth and basic security headers)

🤝 Contributing & Feedback

This is an open-source project built for the developer community. We welcome contributions!

Give us a ⭐ on GitHub if this saved you time!


Built with ❤️ for builders by W.A.H. ISHAN.