kyt
includes a CLI with all the commands needed for development.
kyt setup
includes these commands as scripts in your package.json
:
npm run dev
Or you can run a command with npx kyt command
npx kyt build
dev
starts up a development environmentbuild
compiles server and client code for production usesetup
is a tool for creating new kyt projects. It installsstarter-kyt
s and all the tools you need to begin development.list
provides information about availablestarter-kyt
s--help
shows commands and their documentation
The dev
command takes the entry index.js
in src/client/
and src/server/
, compiles them, and starts client and backend servers. The dev environment includes hot-reloading to allow for fast development.
If hasServer
is set to false
in kyt.config.js, src/server/
is ignored and no backend server is started.
If hasClient
is set to false
in kyt.config.js, src/client/
is ignored and no client server is started.
Optionally, you can configure urls for the development servers in the kyt config.
You can pass flags to the node server through kyt dev
.
For example:
kyt dev -- --inspect
will run the node debugging for Chrome DevTools
The build
command takes the entry index.js
in src/client/
and src/server/
(ignoring the latter if hasServer
set to false in kyt.config.js), compiles them, and saves them to a build folder. This is an optimized production build.
The build command will also copy the src/public
directory for static assets.
build
uses option -C
(--config
) to denote a path to a different kyt.config.js file
The setup
command sets up your project with all the application files that you'll need to use kyt:
- Creates a new kyt.config.js
- Install necessary npm packages
- Creates a .gitignore and .editorconfig
- Creates linter configurations - .eslintrc.js files
- Adds kyt commands to npm scripts
If kyt
finds any files with duplicate names, it will back up your file before replacing it.
kyt setup
will take you through the process of setting up a new kyt
project with a set of interactive questions. If you wish to automate this process you can use these optional flags:
-d
The name of the new project directory. If not specifiedkyt
will install the project in your current working directory.-r
The Github url for astarter-kyt
. If not specified you will be prompted to select astarter-kyt
from the supported list.-k
For local development purposes, you can override the version ofkyt
to be installed by passing in a new version number or a file path eg.file:../../my-local-kyt
-p
The package manager to use, eithernpm
oryarn
. If not specified, defaults toyarn
if it's installed globally, otherwisenpm
will be used.
kyt will provide you with a list of supported starter-kyt
s to install. The supported starter-kyt
s are:
The list
command lists the supported starter-kyt
s.
It includes:
- A description of best use cases
- Installation instructions
kyt list
This default starter-kyt
is a good base for building advanced, universal React apps.
kyt setup
kyt setup
Select I have my own url
when prompted to set up a starter-kyt
Run kyt setup
in your project directory.
Select I don't want a starter-kyt
when prompted to setup.
kyt list