https://twill.io logo
Join Discord
Powered by
# ❓questions
  • h
    I did attempt this and due to some failures I had to skip this, we launched on Friday and I had to ensure posts could go out, though I did respond to the email from support. So I will then now move to working on the block editor and getting that up. So essentially if a post contains 10 paragraphs and 11 images I can just insert that into the block and it will render in that order?
  • i
    yeah exactly
  • i
    how is your frontend built? blade templates?
  • h
    Our front end is on a different build, we created an admin panel on its own instance and the front end on another instance. But yes, it makes use of blade templates
  • r
  • i
    interesting, so 2 Laravel apps connecting to the same db?
  • h
    Essentially yes as the non admin panel has user instance as well
  • i
    cool
  • i
    @User quick example case studies on area17.com, like https://area17.com/work/fondation-louis-vuitton-website are built with the block editor
  • i
    after the link to the website, the block editor starts, this is how the CMS looks:
  • i
    our first block is called 
    website
    here because it's more specific to just showing an image, but you get the idea
  • h
    Ah nice, this is what I need to get done now yes, this would solve so much of my issues with having to edit. So my next branch will begin shortly. As for the preview panel, (we currently use a uuid generated for each post, that generates a url to preview in the actual page layout) can I bring this over to the twill build and then have the preview generated inside the will block view?
  • h
    Not sure I am making all that sense though
  • i
    so the block previews are iframes that render individual block inside of a layout which you have control over. the full preview you could put an iframe in there too that loads your other app with that uuid
  • i
    that's what we do to preview SPA/SSG apps
  • r
    Yes I used an iframe as well in nextjs project ^^
  • h
    Awesome! Thank you, kudos to the Twill team, I am learning so much with this project and its awesome.
  • h
    @User I would love to build one with nextjs, I love the way things just flow with next (well for me)
  • r
  • i
    nice @User, did you also setup individual block previews in the editor, or only the full preview
  • r
    only the full too much work
  • i
    yeah makes sense
  • h
    That is awesome @User
  • r
    and my iframe looks like that : slug}}?timestamp={{$date}}">
  • i
    if you can render your components individually through props, you can play with the block layout to bring the next app
  • i
    but the full preview is probably good enough 😉
  • i
    here's ours for a Nuxt app:
  • i
    Copy code
    <iframe src="{{ $previewUrl }}?previewToken={{ $previewToken }}" style="
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 999999;
  height: 100%;
"></iframe>
  • i
    and in our nuxt app:
    Copy code
    let apiUrl = env.API_URL

    if (query.previewToken) {
      apiUrl += `?previewToken=${query.previewToken}`
    }

    const apiData = await $axios.$get(apiUrl)
  • r
    the ?previewToken for forcing the iframe to reload ?
1...456...484Latest