Download the PHP package erdnaxelaweb/staticfakedesign without Composer

Static Fake Design Bundle

The core purpose of this bundle is to generate realistic-looking static HTML/CSS/JS based on fake data. \ It aims to save developers and designers time by providing a visual representation of their application with placeholder content, even before the backend is fully built by providing tools to:

StaticFakeDesignBundle is a Symfony bundle designed to streamline the development of UI components and templates with auto-generated fake data. It bridges the gap between design and development by providing tools to:

• Generate realistic fake data for UI prototyping
• Define reusable components with typed parameters
• View components in an integrated showroom interface
• Create static versions of templates for demonstration purposes

This bundle is particularly useful for frontend development, to streamline the development of UI components and templates.

Table of Contents

• Installation
• Features
  • Showroom Interface
  • Static Template Rendering
• Usage
  • Fake Data Generation
  • Component Declaration
  • Service Integration
• Complex Value Objects
  • Content Definitions
  • Taxonomy Entry Definitions
  • Pager Definitions
  • Block Definitions
  • Layout Definitions
• Documentation
• Contributing
• License

Installation

1. First, require the package using Composer:

2. Add the bundle to your config/bundles.php file:

Features

Fake Data Generation

The bundle provides a powerful system for generating fake variables that mimic real data. This allows you to develop UI components with realistic data structures before your backend is fully implemented.

Component Declaration

Create reusable, self-documenting UI components with typed parameters, making your frontend development more structured and maintainable.

Showroom

The bundle provides a "showroom" interface which allows you to navigate and display the components you have created. This makes it easy to test and demonstrate your UI components in isolation.

To access this interface on the URL /showroom, add the following route configuration:

Static Version of a Template

The bundle allows you to create static versions of your templates for demonstration purposes. To access these examples at /static/{path to template}, add the following route:

Usage

There are three ways to use fake generated variables:

Fake Data Generation

Twig comment:

More information on fake variables

Component Declaration

Twig template declared as component:

More information on component declaration

Symfony Service

Use the ErdnaxelaWeb\StaticFakeDesign\Fake\ChainGenerator service to programmatically generate fake data in your controllers or services:

Complex Value Objects

The bundle provides support for generating complex value objects commonly used in CMS and web applications:

• Content - Article, Page, etc.
• Taxonomy Entry - Categories, Tags, etc.
• Pager - Paginated content listings
• Block - Hero, CTA, Feature blocks, etc.

These objects are managed through the concept of "definitions". These definitions are specifications that allow the bundle to generate thoses complex, structured data.

Content Definitions

Content definitions specify the structure of content objects:

Taxonomy Entry Definitions

Taxonomy entries follow a similar definition pattern:

Pager Definitions

Pagers are configured with content types, filters, and sorting options:

Block Definitions

Blocks are configured with views, attributes, and optional models:

Layout Definitions

Block layouts group blocks together by sections:

Documentation

For more detailed documentation on specific features:

• Fake Variables
• Component Declaration
• Content Value Type
• Taxonomy Entry Value Type
• Block Value Type
• Pager Value Type

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This bundle is released under the MIT License.