Slide 1

Slide 1 text

DocProp

Slide 2

Slide 2 text

Team TECHNICAL SOLUTIONS TEAM João Marcos Gris Luciano Junior Sávio Muniz Afonso Praça Fabiana Fonseca Júlia Rocha

Slide 3

Slide 3 text

SECTION NAME VTEX IO Docs Store Components Documentation

Slide 4

Slide 4 text

SECTION NAME VTEX IO Docs Component Props

Slide 5

Slide 5 text

SECTION NAME Rich Text ReadMe.md

Slide 6

Slide 6 text

DocProp noun 1 - Front end component 2 - Documentation intelligence that props documentation directly from the schema /dok - präp/

Slide 7

Slide 7 text

DocProp Behind the Scenes Get Component through URL

Slide 8

Slide 8 text

DocProp: Behind the Scenes Get Component through URL Fetch Component's Assets (PagesGraphQL)

Slide 9

Slide 9 text

DocProp: Behind the Scenes Get Component through URL Fetch Component's Assets (PagesGraphQL) Component's props on the JSON Schema (Render Runtime)

Slide 10

Slide 10 text

DocProp: Behind the Scenes Get Component through URL Find the placeholder and render the table Fetch Component's Assets (PagesGraphQL) Component's props on the JSON Schema (Render Runtime)

Slide 11

Slide 11 text

Demo

Slide 12

Slide 12 text

Custom Types TextPosition Enum TextPosition Enum Documentation

Slide 13

Slide 13 text

Store Components Migration Declare all props using the schema Add the DocProp markdown trigger on the ReadMe.md

Slide 14

Slide 14 text

SECTION NAME

Slide 15

Slide 15 text

Team TECHNICAL SOLUTIONS TEAM João Marcos Gris Luciano Junior Sávio Muniz Afonso Praça Fabiana Fonseca Júlia Rocha

Slide 16

Slide 16 text

Thanks! [email protected] @julia