Integrate with static site generator? Like Gatsby

[voordev]

Is your feature request related to a problem? Please describe. Very promosing project but the exported code is 'somewhat' encrypted. Is it possible to somehow export the generated layout in gatsby format like:

const IndexPage = () => (
  <Layout>
    <ComposerHero />
    <UseCases />
    <DividerSection />
    <SupportedBy />
    <DividerSection />
    <WallOfLove />
    <DividerSection />
    <Cta />
    <DividerSection />
    <Blog />
    <DividerSection />
    <Faq />
    <Footer />
  </Layout>
)

So you can use the program as a visual 'editor' It would be nice if it would output in a compatible way to static site generators like gatsby.

[tilmx]

Hey @voordev, let's have the discussion here: https://gitter.im/meetalva/Lobby?at=5c472b798ce4bb25b8f0e6fe

[voordev]

Alva is the best tool so far after evaluating all the options. Basically exactly perfect for my needs except it does not 'export' What I would like is have output that defines the components and attributes so you get code, that you can import in your existing projects.

For example building a gatsby static site, one would be able to copy and paste the prototyped structure of several components.

So I want to build the prototype THEN get output like this ( with attributes like hero text and here title, so the content of the components )

const IndexPage = () => (
  <Layout>
    <ComposerHero />
    <UseCases />
    <DividerSection />
    <SupportedBy />
    <DividerSection />
    <WallOfLove />
    <DividerSection />
    <Cta />
    <DividerSection />
    <Blog />
    <DividerSection />
    <Faq />
    <Footer />
  </Layout>
)

[gunar]

YES. This would be SO MUCH WIN.

Ideally, Alva would output a Gatsby Theme. Imagine the power :boom: