Git Product home page Git Product logo

spin's Introduction

Spin App πŸŒ€

npm

Common platform for developing, delivering and hosting frontends.

Spin is a mono repository that includes a command-line interface (CLI) package hosted on npm ( πŸ‘‰ Create Spin App) , which allows you to easily generate a new application using different templates

In addition, Spin also includes a set of Helm templates, based on our The Spin Helm subchart included in the project structure and available on the Docker Hub registry 🐳.

This dependency can be used for deploying your applications on Kubernetes easily.

Project Architecture

β”œβ”€β”€ examples/ # Example templates
|   β”œβ”€β”€ csr-astro-react/
|   β”œβ”€β”€ csr-micro-frontend-react/
|   β”œβ”€β”€ micro-frontend-es/
|   β”œβ”€β”€ micro-frontend-shell/
|   β”œβ”€β”€ ssg-next/
|   β”œβ”€β”€ ssr-astro-react/
|   β”œβ”€β”€ ssr-astro-shell-app/
|   β”œβ”€β”€ ssr-next/
|   β”œβ”€β”€ ssr-remix/
|   β”œβ”€β”€ static-caddy/
|   β”œβ”€β”€ static-nginx/
|   β”œβ”€β”€ vanillajs-frontend/
β”œβ”€β”€ helms/ # Helm templates
β”œβ”€β”€ packages/
|   β”œβ”€β”€ create-spin/ # CLI package

Usage

To use Create Spin App, you need to have Node.js and npm (Node Package Manager) installed on your machine.

To create a new application using Create Spin App, you can run the following command:

npx create-spin-app@latest
  • This will launch the CLI and prompt you to choose a template for your application. Simply select the desired template and follow the instructions to generate your new application.

  • create spin runs in interactive mode by default, but it also provides the option to specify additional templates from a remote repository by passing the URL

npx create-spin-app@latest -- --additionnalTemplate https://github.com/mdn/html-examples

Templates / Starter kits

  • Create Spin App provides a set of templates that are designed to enhance the developer experience (DX) by providing a ready-to-use project structure with essential configurations.

  • By leveraging these templates, developers can quickly set up their projects with essential tools and configurations, allowing them to focus on building their applications.

  1. Prettier: A code formatter that helps maintain consistent code style.
  2. EditorConfig: A configuration file that ensures consistent coding styles across different editors and IDEs.
  3. Helm Chart: A folder structure that includes a Helm subchart for easy deployment and management of the application.

Check out the full list of example templates, available on GitHub.

Spin Helm Subchart

The Spin Helm subchart included in the project structure is available on the Docker Hub registry. You can find more information about the subchart in the chart repository 🐳.

Implementation

We try to bring this codebase to some high standards.

ℹ️ Spin development key criteria are: functional, performant & elegant.

Part of the codebase structure and code has been borrowed from the amazing Astro project.

spin's People

Contributors

sara-picoud avatar arnaud avatar

Stargazers

Mbaye THIAM avatar CΓ©liane ALLAIRE avatar FΓ©lix Legrelle avatar Wecker StΓ©phane avatar Julien Moratalla avatar Erwan avatar Paul Naszalyi avatar  avatar  avatar

Watchers

 avatar Olivier Ribardière avatar

Forkers

pcdevsecops

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.