The pages have a CRUD operations and items: 

1. 1. Title
2. 2. Content
3. 3. Visibility
4. 4. URL page
5. 5. Main content image
6. 6. Page icon
7. 7. Show or hide header

The page consists from the following structure:

Rows → Columns → Blocks → Various content blocks

Page may have several rows. The row may have several columns.  The columns may have some blocks.

The block can have specific content type:
 

1. 1. Plain text,

• 2. HTML editor, text
• 3. Image

Each above page elements are configurabled:

Rows
 

1. 1. Sort order (drag and drop)
2. 2. Styles options (background color, text color, position .etc)
3. 3. Colums's inversion
4. 4. Header

Columns

1. 1. Sort order (drag and drop)
2. 2. Styles options (background color, text color position, paddings, borders .etc)
3. 3. Block's inversion

Blocks

1. 1. Width, height
2. 2. Sort order (drag and drop)
3. 3. Styles options (background color, text color position, paddings, borders .etc)

Every page elements have CRUD operations.

Struggles

• 1. How to store all this data, which structure?
• 2. Process of rendering deep nested elements?
• 3. How to easy get access to deep nested element?