create-il-app

Create IL project
32,661
react vue3 svelte nuxt storybook tailwind spa ssr bootstrap scss next remix microfrontend webpack5 single-spa micro frontend
Install
npm install create-il-app
Latest Version:1.0.61
License:MIT
Last Updated:Mar 7, 2023
Links: GitHub  ·  npm
Maintainer: dishi

create-il-app

npm version npm version size

Usage

npx create-il-app

Micro-Frontends

({
  type: 'Application',
  typeweb: 'SPA',
  os: 'Linux',
  toolsbuild: 'Webpack5',
  protocol: 'REST',
  name: 'host',
  port: '9001',
  framework: 'react',
  language: 'javascript',
  css: 'css',
})

💃 Motivation

A quick recap about the concept of Micro Frontends:

Techniques, strategies and recipes for building a modern web app with multiple teams using different JavaScript frameworks. — Micro Frontends

📦 Structura

  1. Module Federation Webpack 5 (MFW)
    1. SPA
      1. React 18 (js/ts)
      2. VUE 3 (js/ts)
      3. Angular (ts)
      4. Svelte (js/ts)
    2. SSR
      1. Next 13 (js)
  2. Vite
    1. SPA
      1. React 18 (ts)
      2. VUE 3 (js)
    2. SSR
      1. Nuxt 3 (js)
  3. Single-Spa + MFW
    1. React 18 (js)
  4. StoryBook (storybook-module-federation)
    1. React 18 (js/ts)
    2. Vue 3 (js)
  5. Packages (wsrun)
  6. Protocol
    1. WebSocket
    2. REST
  7. Futter build (Webpack) - experimental

Styles

  1. SCSS architecture
  2. Tailwind
  3. Bootstrap

Сomponent example

  • Example VUE btn => REACT
  • Example REACT btn => VUE
  • Single-Spa + Module Federation (host/remote)

✨ Features

  • ⚡ Remix js (react)
  • ⚡ Protocol
  • ⚡ FSD

Related Packages

create-precast-app

CLI tool to scaffold modern web applications with your chosen stack

2,096 2
next nuxt react remix svelte tailwind angular astro boilerplate cli +10
vike

(Replaces Next.js/Nuxt) 🔨 Build mission-critical applications with stability an...

4,634,254 5,836
next react remix ssr solid vike vite vite-plugin vue
csszyx

Universal CSS-in-JS for Tailwind CSS with WASM core

10,845 0
react ssr svelte tailwind css css-in-js utility-first vue wasm
@passlock/browser

Flexible passkey authentication for Astro, SvelteKit, NextJS and other framework...

5,281 192
next nuxt react svelte astro passkey sveltekit vue webauthn
@edgeone/framework-detect

A framework detection library for web projects

169,969
next react remix svelte angular astro detection framework gatsby vue +1

Version History

Version Released License
1.0.61 MIT
1.0.60 MIT
1.0.59 MIT
1.0.58 MIT
1.0.57 MIT