create

Creates a new Frontity project.

npx frontity create [project-name] [options]

Arguments

[project-name]

The name of your Frontity project. It will also be the name of the folder that this command will create for you with the files of your Frontity project inside

[options]

The --theme option

You can pick one of Frontity's "official" two themes (--theme @frontity/mars-theme or --theme @frontity/twentytwenty-theme). But you can also use any custom theme as long as it's published on npm. Just pass the theme name on the command-line like --theme ThemesPackageNameInNPM

Examples

• Create a Frontity project named my-awesome-project

npx frontity create my-awesome-project

• Create a Frontity project named my-awesome-project using Frontity Chakra theme​

npx frontity create --theme frontity-chakra-theme cool-project

• If you leave out both of the arguments, the CLI will run an interactive shell asking for these inputs:

> npx frontity create
...
? Enter a name for the project: awesome project
? Pick a starter theme to clone: @frontity/mars-theme (recommended)
✔ Creating README.md.
✔ Creating package.json.
✔ Creating frontity.settings.js.
✔ Cloning @frontity/mars-theme.
✔ Installing dependencies.
✔ Downloading favicon.ico.
​
Frontity project created.
​
? Do you want to receive framework updates by email? No
​
Ok, that's fine! 😉
You can subscribe at any point with npx frontity subscribe <email>.
​
Run cd awesome project && npx frontity dev and have fun! 🎉
​
You can find docs at https://docs.frontity.org/.
For technical support and assistance please join our community at https://community.frontity.org/.

Environment Variables

FRONTITY_CREATE_NAME

If you pass the --no-prompt flag to the create, the CLI will use the name from this FRONTITY_CREATE_NAME environment variable.

If the CLI cannot find a FRONTITY_CREATE_NAME environmental variable, it will prompt for the name of the package

Example:

FRONTITY_CREATE_NAME=test-project

FRONTITY_CREATE_TYPESCRIPT

Adds support for TypeScript in the project created

Example:

FRONTITY_CREATE_TYPESCRIPT=true