Skip to content

Tired of spinning up new react apps for every project you make? Simulacrum will auto build routes, pages based on your project use case!

Notifications You must be signed in to change notification settings

VictorDoyle/simulacrum

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simulacrum

Simulacrum is a powerful, high-performance tool designed to streamline the process of building React-based web applications. Using just one command, npx simulate <project-type>, Simulacrum generates fully configured, production-ready scaffolds tailored for various types of websites, eliminating boilerplate setup and letting you focus on your app's unique features.


Features

  • Automated Scaffolding: Instantly create project structures for various types of websites.
  • Full Stack Setup: Pre-configured routing, pages, components, styling, and environment settings.
  • High Performance: Optimized configurations to ensure smooth development and production builds.
  • TypeScript Support: Provides optional TypeScript setup for all projects.
  • Developer Friendly: Integrated development server with hot-reloading for seamless iteration.

Supported Project Types

Simulacrum lets you scaffold the following types of websites with just one command:

  1. E-commerce: npx simulate shop
  2. Blog: npx simulate blog
  3. Landing Page: npx simulate landing
  4. Portfolio: npx simulate portfolio
  5. Saas: npx simulate saas
  6. Documentation Site: npx simulate docs
  7. Corporate Website: npx simulate corporate

Each template is designed with industry best practices and performance in mind, helping you avoid time-consuming setup.

Quick Start

  1. Install and Scaffold:
npx simulate <project-type>

For example: npx simulate shop will auto scaffold an e-commerce website with a Homepage, product listings page, product detail page, about us page, cart and checkout page. It will also include basic styling for you to get started.

  1. Customize Each project generated by Simulacrum includes a standardized folder structure:
my-app/
├── public/
├── src/
│   ├── components/
│   ├── pages/
│   ├── styles/
│   ├── utils/
│   ├── App.js
│   ├── index.js
├── .env
└── package.json

You'll also have the ability to install bundled addons that are common to your template type. For example you can run the command npx simulate ecommerce plugins. This will provide a checklist in CLI for you to choose common plugins used in ecommerce (for example, 3rd party checkout, payment processor, pixels etc)

About

Tired of spinning up new react apps for every project you make? Simulacrum will auto build routes, pages based on your project use case!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published