ant-design-system

template in react

Usage no npm install needed!

<script type="module">
  import antDesignSystem from 'https://cdn.skypack.dev/ant-design-system';
</script>

README

Golden React Template

This project is a base template for a project in React, where it has all the settings for two environments: development and production, it has bundle optimization and code revision.

Screen Shot

How to use the project locally

- Download the project
- cd golde-react-template
- npm install
- npm install -g babel-cli (if you don't have Babel installed globally)
- npm install -g webpack-cli (if you don't have Webpack installed globally)
- npm install -g webpack (if you don't have Webpack installed globally)
- npm install webpack-bundle-analyzer --save-dev
- npm install sass-loader mini-css-extract-plugin --save-dev
- npm run build:dll
- npm run start
- Go to: http://localhost:3000

Run Linters

You can manually run the stylelinter and eslinter but you have husky configured in githook with precommit to run when you commit.

$ npm run lint || npm run lint:scss

you can omit the hook by adding the flag --no-verify

$ git commit -m "message" --no-verify

Deploy your application in Docker

Lets build the docker image we just created. Make sure you are in the project root directory in your terminal and run the following command

$ docker build . -t react-docker

Lets run container now

$ docker run -p 8000:80 react-docker

Now open http://localhost:8000 in your browser to check its running !

Deploy with Now

To deploy your project run this command

$ now

Credits

License

MIT