🔢Quick start

Frontitude's Developer CLI can be installed and tested on our Starter plan, which is completely free!

Step 1: Get content into Frontitude

There are two ways to get content into Frontitude to work with.

Pull-first (design-led): create content in Frontitude first, then pull it into your codebase.

• Import content from JSON files

• Import content from design tools

• Manually create copy components in the copy library

Push-first (code-led): write new copy components directly in your codebase and push them up to your Frontitude copy library. Great for AI-assisted development where a coding assistant generates new UI strings inline with your code. See Step 6 below.

Step 2: Install the Developer CLI

Install the Developer CLI globally via NPM or Yarn:

NPM

npm install -g @frontitude/cli

Yarn

yarn global add @frontitude/cli

Step 3: Get access to Frontitude

Make sure the Developer CLI integration is turned on in your workspace settings.

Use an access token

Create an access token to use it in the next step. This is more flexible since it allows you to use the Developer CLI on remote systems such as CI/CD pipelines or any kind of Bash scripts.

Step 4: Initialize the Developer CLI

To initialize the CLI, run the next command and follow the instructions:

$ frontitude init

Step 5: Pull content from Frontitude

To pull the latest content from your connected sources:

$ frontitude pull

This will fetch all of your content from the library/project into your codebase. To learn about the additional options of this command, please refer to this section.

Step 6: Push new keys from your code

If you've added new strings to your codebase (for example, because you built a new feature), you can push those keys up to Frontitude in one command:

$ frontitude push

The CLI will show you a preview of what would be created and ask for confirmation. Only components with new unique keys are created; anything that already exists in Frontitude is left untouched.

To see what would be pushed without making any changes:

$ frontitude push --dry-run

See the full push options for tagging, messaging, and CI usage.

That's it!

You now have the full round-trip: pull content from Frontitude into your codebase, and push new keys from your codebase back to Frontitude. Happy coding!