https://www.silexlabs.org/why-silex-v3/

1<!doctype html><html class="" lang=""><head>
2  <meta charset="UTF-8">
3  <!-- generator meta tag -->
4  <!-- leave this for stats and Silex version check -->
5  <meta name="generator" content="Silex v2.2.12">
6  <!-- End of generator meta tag -->
7  

7<script type="text/javascript" src="https://www.silexlabs.org/js/jquery.js"></script>

7
8  
9  
10  

10<script type="text/javascript" src="https://www.silexlabs.org/js/front-end.js"></script>

10
11  <link rel="stylesheet" href="https://www.silexlabs.org/css/normalize.css">
12  <link rel="stylesheet" href="https://www.silexlabs.org/css/front-end.css">
13
14  
15  

15<script type="text/javascript" class="silex-script"></script>

15
16  
17  <title>Silex v3: Design On Real Data With Free/Libre No-Code Software</title>
18  
19
20
21<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" class="silex-custom-font"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="description" content="Site silexlabs.org en Jekyll+Silex+Stastic"><meta name="twitter:description" content="Site silexlabs.org en Jekyll+Silex+Stastic"><meta name="og:description" content="Site silexlabs.org en Jekyll+Silex+Stastic"><meta name="twitter:title" content="Silex v3: Design On Real Data With Free/Libre No-Code Software"><meta name="og:title" content="Silex v3: Design On Real Data With Free/Libre No-Code Software"><meta name="twitter:site" content="@silexlabs"><link href="https://www.silexlabs.org/css/favicon.png" rel="shortcut icon"><meta name="twitter:card" content="summary"><meta name="twitter:image" content="https://silexlabs.org/assets/silexlabs-wwx.jpg"><meta name="og:image" content="https://silexlabs.org/assets/silexlabs-wwx.jpg">

21<script src="https://www.silexlabs.org/js/script.js" type="text/javascript"></script>

21<link href="https://www.silexlabs.org/css/styles.css" rel="stylesheet" type="text/css"><style>body { opacity: 0; transition: .25s opacity ease; }</style></head>
22
23<body class="body-initial all-style enable-mobile prevent-resizable prevent-selectable editable-style silex-runtime silex-published" data-silex-type="container-element" style="" data-current-page="page-post">
24  
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53<section data-silex-type="container-element" class="prevent-resizable container-element editable-style silex-id-1563543778332-2 section-element"><div data-silex-type="container-element" class="editable-style silex-id-1563543778136-1 container-element silex-element-content website-width" style=""></div></section><section data-silex-type="container-element" class="container-element editable-style silex-id-1478366444112-1 section-element prevent-resizable" style="">
54      <div data-silex-type="container-element" class="editable-style silex-element-content silex-id-1478366444112-0 container-element website-width" style=""><a href="https://www.silexlabs.org/" data-silex-type="image-element" class="editable-style silex-id-1563543746145-0 image-element" style=""><img src="https://www.silexlabs.org/assets/silexlabs.org_.2015.png" class=""></a><div data-silex-type="text-element" class="editable-style silex-id-1564083497965-0 text-element silex-component style-nav" style=""><div class="silex-element-content normal">
55
56  

56<script data-host="https://microanalytics.io" data-dnt="false" src="https://microanalytics.io/js/script.js" id="ZwSg9rf6GA" async defer></script>

56
57
58<ul>
59
60  <li>
61    
62    <a class="" href="https://www.silexlabs.org/">Accueil</a>
63  </li>
64
65  <li>
66    
67    <a class="" href="https://www.silexlabs.org/events">Actus</a>
68  </li>
69
70  <li>
71    
72    <a class="" href="https://www.silexlabs.org/silexlabs">A propos</a>
73  </li>
74
75</ul>
76
77
78</div></div><div data-silex-type="html-element" class="editable-style silex-id-1564093276656-2 html-element" style=""><div class="silex-element-content"><!-- Google Tag Manager (noscript) -->

78
79<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

79GTM-N48MBGD

79" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

80<!-- End Google Tag Manager (noscript) --></div></div></div>
81  </section><section data-silex-type="container-element" class="prevent-resizable container-element editable-style silex-id-1563544245802-4 section-element hide-on-mobile page-index paged-element page-page page-posts page-post page-404 paged-element-visible"><div data-silex-type="container-element" class="editable-style silex-id-1563544245599-3 container-element silex-element-content website-width bg-shadow-top" style=""></div></section><section data-silex-type="container-element" class="container-element editable-style silex-id-1474394621033-3 section-element prevent-resizable page-page-posts page-page-post page-page-404 page-page paged-element page-posts page-post page-404 page-tags paged-element-visible" style="">
82      <div data-silex-type="container-element" class="editable-style silex-element-content silex-id-1474394621032-2 container-element website-width bg-shadow" style=""><div data-silex-type="text-element" class="editable-style silex-id-1563563640945-15 text-element silex-component style-post page-page-postaaa page-page-post page-post paged-element page-page paged-element-visible" style=""><div class="silex-element-content normal">
83
84  <article>
85  <h1>Silex v3: Design On Real Data With Free/Libre No-Code Software</h1><div class="post-date">13 March 2023</div>
86  <p><p>TLDR; <a href="https://internet2000.net/" title="eco-conception sites web">Internet 2000 web studio</a> is investing time to develop the next major version of <a href="https://www.silex.me/" title="Silex no-code website builder">Silex free open source website builder</a>. Here is why.</p>
87
88<blockquote>
89  <p>On the same subject: <a href="https://www.silexlabs.org/silex-v3-kickoff/" title="About Silex v3">an article about what is Silex v3</a>?</p>
90</blockquote>
91
92<p><img src="/assets/fr8jrrlx0aifo2y-1.jpg" alt="Silex v3 screenshot" /></p>
93
94<p>Hello makers!</p>
95
96<p>I would like to tell you why we, as a small web design studio are investing time and efforts in the new version of a free and open source website builder.</p>
97
98<p>Here are three reasons why, here you go :)</p>
99
100<h2 id="a-new-paradigm-in-the-web-design-world-design-on-real-data">A new paradigm in the web design world: <em>design on real data</em></h2>
101
102<p>The first reason why we do this is that Silex, the #1 free and open source website builder is not a website builder anymore until it has this feature which was made a standard by <a href="https://webflow.com">Webflow</a>, this great website builder, a leader in the no-code movement. They invented this thing they call <strong>design on real data</strong>.</p>
103
104<p>How does it work? <a href="https://webflow.com/cms">Webflow includes a cms, fully integrated</a> into the tool. The user can design visually with the content of the CMS directly in the website builder. In “the designer”, you can drag and drop lists, texts and images, design pages which were created in the CMS. You manipulate the real data seemlesly.</p>
105
106<p>When you update the content in the CMS you see it updated in the designer.</p>
107
108<p>Even better: when you publish a new version of the design, the data stays dynamic. If you or your client make edits to the content, the website keeps updating.</p>
109
110<p>We want Silex to benefit this new way of designing in our favorite website builder.</p>
111
112<h2 id="no-code--open-source--free-as-in-learning-growing-making">No-code + open source = free as in learning, growing, making</h2>
113
114<p>The second reason why is that we want this no-code magic to be <strong>free and open source, community driven, collectively maintained</strong>.</p>
115
116<p>We have used Webflow for a while and - beside the problems of pricing, we suffered from limitations as we wanted the code of our websites to be exactly the way we wanted (we do eco-responsible websites) and it wasn’t possible even if we had the skills, budget and time to do it. We couldn’t do it in Webflow, we can do it with the open source silex.</p>
117
118<p>Also did you notice that <strong>no-code and open source</strong>  have a lot in common? They both <strong>

118empower people</strong> with <strong>new opportunities</strong>, it is made for you to <strong>grow with the tool</strong> and the <strong>community</strong> is really at the center of these.</p>
119
120<h2 id="no-code--jamstack--ultimate-performance">No-code + JAMStack = ultimate performance</h2>
121
122<p>The last reason why we went for a rewrite of the open source website builder Silex is that we need the latest most efficient tech. As a buisness, as professionals, we want our websites to be static, we want to <strong>design JAMStack web sites with no-code</strong>.</p>
123
124<p>With Silex v3, that is exactly what we do</p>
125
126<p>What does it look like?</p>
127
128<p>Here is the technical one sentence pitch: <strong>bring your own headless CMS,</strong> bring your own <strong>static site generator</strong>.</p>
129
130<p>At Internet 2000 we chose WordPress and <a href="https://11ty.dev">11ty</a>.</p>
131
132<p>You have access to the CMS data in Silex and design <strong>a website which is static</strong>.</p>
133
134<p>The alpha version has been released and the beta is coming soon. Come and visit <a href="https://www.silex.me" title="Silex website">silex.me</a> where there is <a href="">an article explaining the plan </a>. And <a href="https://roadmap.silex.me" title="Silex roadmap ">here is the corresponding road map.</a></p>
135
136<p>Oh and you can <a href="https://short.silex.me/5min">join the beta tester program</a></p>
137</p>
138  
139  <section class="tags">
140    <h2>Tags</h2>
141		<ul>
142      
143        
144        <li class="tag"><a href="https://www.silexlabs.org/tag/v3">v3</a></li>
145      
146        
147        <li class="tag"><a href="https://www.silexlabs.org/tag/foss">foss</a></li>
148      
149        
150        <li class="tag"><a href="https://www.silexlabs.org/tag/silex">silex</a></li>
151      
152    </ul>
153  </section>
154  
155</article>
156
157
158</div></div><div data-silex-type="container-element" class="editable-style container-element silex-id-1595517439711-1" style=""><a href="https://www.silexlabs.org/join" data-silex-type="text-element" class="editable-style silex-id-1563544847465-8 text-element style-button-green" style="width: 300px; min-height: 41px;"><div class="silex-element-content normal">Rejoignez nous<br></div></a><div data-silex-type="html-element" class="editable-style silex-id-1563544962714-9 html-element silex-component" style=""><div class="silex-element-content">
159<ul class="share-buttons" id="id_1624149636224_143">
160  
161  <li><a href="https://www.facebook.com/sharer/sharer.php?u=https://www.silexlabs.org/&amp;t=Silex Labs non profit organization" title="Share on Facebook" target="_blank"><img alt="Share on Facebook" src="https://www.silexlabs.org/assets/Facebook.png"></a></li>
162  
163  
164  <li><a href="https://twitter.com/intent/tweet?source=https://www.silexlabs.org/&amp;text=Silex Labs non profit organization:%20https://www.silexlabs.org/&amp;via=silexlabs" target="_blank" title="Share on Twitter"><img alt="Twitt" src="https://www.silexlabs.org/assets/Twitter.png"></a></li>
165  
166  
167  
168  
169  
170  
171  
172  <li><a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://www.silexlabs.org/&amp;title=Silex Labs non profit organization&amp;summary=Silex Labs est une association à but non lucratif reconnue d’intérêt général qui lutte depuis 2009 contre la fracture numérique, en faisant promotion des technologies libres et de la contribution.
173
174Notre conviction : la contribution change la vie de celui qui contribue et améliore celle des autres.&amp;source=https://www.silexlabs.org/" target="_blank" title="Share on LinkedIn"><img alt="Share on LinkedIn" src="https://www.silexlabs.org/assets/LinkedIn.png"></a></li>
175  
176  
177  
178  
179  <li><a href="mailto:?subject=Silex Labs non profit organization&amp;body=Silex Labs est une association à but non lucratif reconnue d’intérêt général qui lutte depuis 2009 contre la fracture numérique, en faisant promotion des technologies libres et de la contribution.
180
181Notre conviction : la contribution change la vie de celui qui contribue et améliore celle des autres.:%20https://www.silexlabs.org/" target="_blank" title="Send email"><img alt="Send by email" src="https://www.silexlabs.org/assets/Email.png"></a></li>
182  
183</ul>
184
185<style type="text/css">#id_1624149636224_143.share-buttons {list-style: none; padding: 0;}#id_1624149636224_143.share-buttons li {display: inline;}#id_1624149636224_143.share-buttons .sr-only {position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden;}</style>
186</div></div><div data-silex-type="html-element" class="editable-style silex-id-1563554584898-11 html-element hide-on-mobile bg-shadow" style=""><div class="silex-element-content">
187
188<div id="fb-root"></div>

189<script async="" defer="" crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v7.0&amp;appId=242623139095821" nonce="0Dnd4VdO" type="text/javascript"></script>

189
190
191<div class="fb-page" data-href="https://www.facebook.com/silexlabs/" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
192</div></div></div><div data-silex-type="html-element" class="editable-style silex-id-1564088083884-1 html-element hide-on-mobile max-height bg-shadow" style=""><div class="silex-element-content">
193
194
195<a class="twitter-timeline" href="https://twitter.com/silexlabs?ref_src=twsrc%5Etfw"></a>

196<script type="text/javascript" async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

196
197</div></div></div></div>
198  </section><section data-silex-type="container-element" class="container-element editable-style silex-id-1478366450713-3 section-element prevent-resizable" style="">
199      <div data-silex-type="container-element" class="editable-style silex-element-content silex-id-1478366450713-2 container-element website-width bg-shadow" style="">
200
201          <div class="editable-style silex-id-1442914737143-3 text-element style-footer" data-silex-type="text-element" style="">
202              <div class="silex-element-content normal"><p><a href="https://www.silex.me/">Powered by Silex</a>, <a href="https://stastic.net/">Stastic</a> <a href="https://jekyllrb.com/">and Jekyll</a><a href="https://pages.github.com/">, </a>hosted on Github pages<a href="https://jekyllrb.com/"><br></a></p><p><a href="https://jekyllrb.com/"></a></p></div>
203          </div>
204      </div>
205  </section><section data-silex-type="container-element" class="prevent-resizable container-element editable-style silex-id-1563544667829-6 section-element"><div data-silex-type="container-element" class="editable-style silex-id-1563544667707-5 container-element silex-element-content website-width"></div></section></body></html>