These commands will allow you to either create a Frontity project or a Frontity package
Starts a development server.
npx frontity dev [options]
Builds the project for production. Related environment variable:
Runs the server on a custom port. Default is 3000. Related environment variable:
Runs the server using https. Related environment variable:
Don't open a browser window with the localhost. Related environment variable:
Create bundles with
Output usage information
Starts a server in development mode using https and port 3002
npx frontity dev --https --port 3002
Starts a server in development mode using the folder
assets as the path for statics
npx frontity dev --public-path="/assets"
The --production option
So, if you do:
npx frontity dev --production
The webpack bundler internally will do things like..
Enable certain webpack-specific optimizations and minify the code
Also disable hot-module reloading (HMR)
Not create source maps
Append hashes to filenames so for caching purposes
Normally, you would always use the development server in development mode, but sometimes you may want to check that everything works in production mode, or check the bundle analyzer (the files at
/build/analyze) for the production bundle.
Starts a Frontity server in production mode.
npx frontity serve [options]
frontity serve command will use the files generated by
Starts a server (using the code in the
build folder generated by the
npx frontity build command) using https and port 3002
npx frontity serve --https --port 3002