Blökkli Starterkit for Drupal Released by Liip

Liip's Josef Kruckenberg has announced the release of the blökkli Starterkit, a powerful new tool for developers working with Decoupled Drupal. With DrupalCon Barcelona 2024 just around the corner, the development team behind blökkli is eager to introduce this robust solution that promises to accelerate the development process for decoupled Drupal websites.

The blökkli Starterkit offers a fully preconfigured Decoupled Drupal setup, combining Nuxt 3, GraphQL, and blökkli, allowing developers to start building in a matter of seconds. Designed to simplify the content management experience, blökkli incorporates a highly interactive inpage editor based on the Drupal Paragraphs module, making content creation and editing more intuitive and seamless for site administrators.

This starterkit is optimized for local development environments, with support for both Lando and DDEV, two popular containerized development environments.

Key Features of the blökkli Starterkit

The blökkli Starterkit is packed with features aimed at streamlining the entire development process, from backend configuration to frontend implementation. Key highlights include:

Drupal Backend Setup: 

• A fully configured Drupal backend, complete with GraphQL integration, the Paragraphs module, and the blökkli Paragraphs module enabled by default. This setup simplifies the creation of dynamic, reusable content components.

PreBuilt Vue Components: 

• Over 40 Vue components and composables are included, specifically designed for building paragraph based websites. These components enhance the flexibility of Drupal’s content management capabilities, particularly in decoupled architectures.

Frontend Setup with Nuxt 3: 

• The starterkit includes a basic Nuxt 3 frontend configuration, integrated with GraphQL middleware. This setup ensures smooth communication between the frontend and backend, allowing for efficient data handling and rendering.

Multilanguage and Translation Support: 

• With language negotiation and translation extraction built into the frontend, the starterkit is fully equipped to support multilingual websites. Keybased texts managed in Drupal can be seamlessly translated, streamlining the localization process.

SVG and Media Integration: 

• Developers can take advantage of SVG Icon Sprite generation, integrated with Drupal’s media library. Additionally, the kit offers rokka.io Image CDN integration, ensuring fast and optimized image delivery through Drupal’s native media management tools.

Reverse Proxy Configuration: 

• A reverse proxy configuration generator is also included, simplifying the often complex process of setting up proxy servers to optimize performance and security.

The blökkli team is actively seeking feedback from the Drupal community. Developers and site builders are encouraged to participate in discussions through the issue queue and the dedicated Slack channels. The team aims to continuously improve the starterkit based on user input and community collaboration.

Presentations at DrupalCon Barcelona

For those attending DrupalCon Barcelona 2024, the blökkli team will be hosting two key events:

Session: "Largescale content creation with Drupal — Delights, Pitfalls, and Support Structures to Help Editors" by Jonathan Noack and Tomas Nagy 
 Date: Wednesday, September 25, 2024, 11:30 to 12:15  CEST
 Location: Room 1 (133134)

BoF (Birds of a Feather): "Blökkli Demo, Q&A for the Interactive Page Building Experience with Nuxt"  by Josef Kruckenberg
 Date: Thursday, September 26, 2024, 16:30 to 17:15  CEST
 Location: Room BoF 1 (118)

These sessions will give attendees a deep dive into the blökkli Starterkit’s features and capabilities, including live demonstrations and Q&A opportunities.

With its extensive set of tools and preconfigured elements, the blökkli Starterkit is set to make decoupled Drupal development faster and more efficient. From its integration of Vue.js components to multilingual capabilities and robust media management, the starterkit offers a comprehensive solution for building dynamic, content-rich websites. Read in detail here.