https://github.com/frontify/guideline-blocks

https://github.com/frontify/guideline-blocks

Last synced: 12 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/frontify/guideline-blocks
• Owner: Frontify
• Created: 2021-07-08T09:34:41.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2025-06-26T00:32:47.000Z (12 months ago)
• Last Synced: 2025-06-26T01:28:57.904Z (12 months ago)
• Language: TypeScript
• Size: 22.2 MB
• Stars: 10
• Watchers: 19
• Forks: 2
• Open Issues: 5
• Metadata Files:
  • Readme: readme.md
  • Codeowners: CODEOWNERS

Awesome Lists containing this project

README

          
# Guideline Blocks

## Local block development

### Requirements:

-   Node 22

-   [pnpm 9](https://pnpm.io/installation)

-   Access to a Frontify guideline

### Setup

1. Clone this repository

    ```

    $ git clone git@github.com:Frontify/guideline-blocks.git

    ```

2. Install the dependencies

    ```

    $ pnpm install

    ```

3. Create a build of the utilities

    ```

    $ pnpm build

    ```

4. Serve a block

    ```

    $ cd packages/

    $ pnpm serve

    ```

5. Go to your Frontify guideline

6. Switch to edit mode

   ![Guideline Edit mode](./docs/guideline-edit-mode.png)

7. Click on the plus icon and add a "Local Block Development" block

   ![Local block development](./docs/local-block-development.png)

8. Choose port (default is 5600) and click OK