Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/jsdeveloperr/fe-boilerplates-create

:package: CLI for creating reusable, modern React, Preact, Vue, Svelte and Nextjs libraries using Webpack
https://github.com/jsdeveloperr/fe-boilerplates-create

nextjs nextjs-typescript preact react react-typescript svelte svelte-typescript vue vue-typescript

Last synced: 25 days ago
JSON representation

:package: CLI for creating reusable, modern React, Preact, Vue, Svelte and Nextjs libraries using Webpack

Host: GitHub
URL: https://github.com/jsdeveloperr/fe-boilerplates-create
Owner: jsdeveloperr
Created: 2022-07-10T15:33:08.000Z (over 2 years ago)
Default Branch: master
Last Pushed: 2022-07-26T18:29:18.000Z (over 2 years ago)
Last Synced: 2024-10-02T19:15:27.831Z (about 1 month ago)
Topics: nextjs, nextjs-typescript, preact, react, react-typescript, svelte, svelte-typescript, vue, vue-typescript
Language: JavaScript
Homepage:
Size: 1.35 MB
Stars: 1
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# 📦 Frontend Boilerplates Create

> CLI for creating reusable, modern React, Preact, Vue, Svelte and Nextjs libraries

[![npm](https://img.shields.io/npm/v/fe-boilerplates-create?style=flat-square)](https://www.npmjs.com/package/fe-boilerplates-create)
![npm](https://img.shields.io/npm/dt/fe-boilerplates-create?style=flat-square)
![GitHub license](https://img.shields.io/npm/l/fe-boilerplates-create?style=flat-square)

## ⚡ Setup

## 🚀 Features

- A modern and easy to use CLI
- Rapid development of the component
- Generates modern JS feature files
- [Webpack](https://webpack.js.org/) for bundling
- [Babel](https://babeljs.io/) for transpiling
- Optional support for TypeScript
- Sourcemap creation
- Publish github pages with one command
- Easy to build and test your component with the example template

## How is it different from the other library CLI?

- It is using latest version of webpack. Currently, other CLI's are using rollup.
- Development is fast here because we are not directly consuming the component. First we are building it peacefully, and once it is ready then we do `npm pack` to test in our local environment

## 📦 Install globally

```bash
npm install -g fe-boilerplates-create
```

```bash
npx fe-boilerplates-create
```

## :sparkles: Development

```bash
fe-boilerplates-create
```

Once you run the CLI, you will be asked to answer few questions. Complete the steps and you should have a react project with an example component.

If you are using `npm`

```bash
npm run dev
```

else

```bash
yarn dev
```

You will have a example component running in the browser. You can start developing your component here by adding some Javscript and CSS.

frontend boilerplates

## 📄 License