Otomte JS

Building the web with austere simplicity. 🤖

Otomte JS is the successor of initializr (deprecated).

Package Status

Contents

• Getting Otomte JS
• How to use Otomte JS
• Otomte | WordPress
• Structure

Getting Otomte JS

You can either clone the Otomte JS from github or install using npm.

• Clone Otomte JS: git clone https://github.com/crtved/otomtejs.git
• Install using npm: npm i otomtejs

How to use Otomte JS

Install all dev environment dependencies:

npm run oto:setup

Initialize Otomte JS.

npm run oto

Compiles in development.

npm run oto:dev

Bundles JS and CSS for production.

npm run oto:prod

Switching default JavaScript framework.

npm run oto:vue
npm run oto:react <- default

Otomte JS | WordPress!

This feature is still in development. You can use Otomte JS in your WordPress website by adding it as a custom theme! Clone Otomte JS under wp-content/themes/ and cd to the cloned folder.

Getting Started

Set Ototme JS as a WordPress theme.

npm run oto:wp-setup

WARNING: Once everything is set up properly and you have a WordPress website running on Otomte theme, then you DO NOT want to run npm run oto:wp-setup, you'll end up starting from the scratch again, and possibly break your build. You only need to run npm run oto:wp-setup ONCE to prevent unwanted result.

Initialize Otomte Js on WordPress.

npm run oto:wp-dev

Build Otomte JS for production.

npm run oto:wp-prod

Structure

You will find the following files and directories under Otomte JS.

├── otomtejs
│   └── config/
│       ├── react-config/
│       ├── vue-config/
│       ├── wp-config/
│       └── preset.js
├── dist/
│   ├── assets/
│   │   ├── css/
│   │   ├── fonts/
│   │   ├── img/
│   │   ├── js/
│   │   └── svg/
│   └── index.html
└── src/
    ├── js/
    │   ├── components/
    │   └── index.js
    ├── scss/
    │   ├── partials/
    │   └── app.scss
    └── index.html

Thank you for using Otomte JS!

💻 with ❤️ by Art