App

Starter app with react, storybook, scss, webpack.

based on @ereminnf/tools, @ereminnf/rui, @mantine

supports:

- react18/node18
- redux-toolkit
- typescript
- storybook
- mantine
- prettier
- analyze
- eslint
- scss
- mobx
- env
- devServer
- webpack5 with ts ext
- hashing url static files
- public static folder (/static)

🚀 Getting Started

- Copy .env.example to .env file.
- Make changes to .env and webpack.config.ts as needed.
- Generate ssl cert or use http
- Pass NPM_TOKEN to .npmrc
- Run npm i to install dependencies.
- Use command scripts from package.json to work with the project.

.npmrc:

@ereminnf:registry=https://gitlab.com/api/v4/packages/npm/
//gitlab.com/api/v4/packages/npm/:_authToken="${NPM_TOKEN}"

install.sh:

export NPM_TOKEN="token_value"
npm install

📝 Usage

Npm commands for working with a project:

"scripts": {
    "start": "Running local host server in development mode (wds)",
    "watch": "Running a project in development mode without a dev server",
    "build": "Building the project in production mode",
    "analyze": "Launching the bundle analyzer",
    "lint": "Checking files for eslint rules",
    "story": "Launch storybook",
    "prettier": "Format files according to prettier rules",
    "icon": "Generate of fonts from svg icons"
}

📋 Env

example env

# devServer
BROWSER="none"
PORT="80"
HOST="eremin.local"
HTTPS="true"
SSL_CRT_FILE=./cert/cert.pem
SSL_KEY_FILE=./cert/key.pem

# project
PROJECT_NAME="ereminnf"
PROJECT_API="https://jsonplaceholder.typicode.com"

📄 Info

- node 18.12.1
- react 18.2.0