<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="353052" data-post-id="353052">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="henriquesati" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/henriquesati/120/35034_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  henriquesati
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="D4no0" data-post="10" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/d4no0/48/33624_2.png" class="avatar"> D4no0:</div>
<blockquote>
<p>It does seem that the last years elixir is moving in that direction too and the fact that erlang switched to <code>ex_docs</code> seems like all required features are in place, it’s up to library creators to document properly.</p>
</blockquote>
</aside>
<p>now I understood what you was saying, totally agree!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353052" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-353052" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353052"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="353053" data-post-id="353053">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="D4no0" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/D4no0/120/33624_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  D4no0
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Care to show examples of the said documentation from other languages that in your opinion is better than elixir? Just claiming that other languages have better documentation without arguments is not very constructive.</p>
<p>For example <code>rust</code> is a great example, for example <a href="https://docs.rs/tokio/latest/tokio/index.html" rel="noopener nofollow ugc">tokio</a> library.  Great documentation and examples, even though I would say this doesn’t differ much from the documentation style of elixir libraries.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353053" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-353053" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353053"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="353216" data-post-id="353216">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bartblast" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/120/17647_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bartblast
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Hologram</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks guys <a class="mention" href="/u/christhekeele" rel="nofollow">@christhekeele</a>, <a class="mention" href="/u/eiji" rel="nofollow">@Eiji</a> excellent feedback!</p>
<aside class="quote no-group" data-username="christhekeele" data-post="5" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/christhekeele/48/1039_2.png" class="avatar"> christhekeele:</div>
<blockquote>
<p>These snippets are individually illustrative but I think the section could use a “bring it all together” example.</p>
</blockquote>
</aside>
<p>I added “Putting It All Together” section at the end of the page.</p>
<aside class="quote no-group" data-username="christhekeele" data-post="5" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/christhekeele/48/1039_2.png" class="avatar"> christhekeele:</div>
<blockquote>
<p>Notably, as documented today it’s not clear if the calls under Action Results cause side effects, are chainable, or part of some undocumented expected contract between Hologram and what the end user is supposed to do.</p>
</blockquote>
</aside>
<aside class="quote no-group" data-username="Eiji" data-post="6" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/eiji/48/36743_2.png" class="avatar"> Eiji:</div>
<blockquote>
<p>The only confusing thing is that’s part of <code>Update Emitted Context</code> section. I would move it right below <code>Action Results</code> header.</p>
</blockquote>
</aside>
<p>I also moved the section about chaining another actions to the bottom, because this is going to be a rare case.</p>
<p>I moved the section mentioned by <a class="mention" href="/u/eiji" rel="nofollow">@Eiji</a> to the top of the “Actions Results” section and redacted it a little bit to explain that the functions called are pure and the whole process is composable.</p>
<p>The changes are live: <a href="https://hologram.page/docs/actions" rel="noopener nofollow ugc">https://hologram.page/docs/actions</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353216" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-353216" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353216"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="353265" data-post-id="353265">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="christhekeele" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/christhekeele/120/1039_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  christhekeele
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="bartblast" data-post="14" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p>I added “Putting It All Together” section at the end of the page.</p>
</blockquote>
</aside>
<p>Lovely, I think that works great as a capstone to the learning presented in the rest of the guide!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353265" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-353265" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353265"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="353479" data-post-id="353479">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="henriquesati" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/henriquesati/120/35034_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  henriquesati
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>not muich singular cases, i’m refering about day to day use, I feel like more high level languages has a more noob friendly documentation, while elixir requests more from the user, try to check the most initial guide from libs like Numpy and compare to what you usually see in elixir</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="353479" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-353479" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="353479"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #16"></div>
  </section>
</div>
    <div class="postbit" id="354284" data-post-id="354284">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bartblast" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/120/17647_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bartblast
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Hologram</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="D4no0" data-post="3" data-topic="68730" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/d4no0/48/33624_2.png" class="avatar"> D4no0:</div>
<blockquote>
<p>I would say that highlighting for code blocks goes a long way here, especially since you decided to go with a custom platform, personally I would just used hexdocs.</p>
</blockquote>
</aside>
<aside class="quote no-group" data-username="christhekeele" data-post="4" data-topic="68730" data-full="true">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/christhekeele/48/1039_2.png" class="avatar"> christhekeele:</div>
<blockquote>
<p>I do agree that syntax highlighting is probably table stakes.</p>
<p>I’ve been pretty impressed personally with how far I can customize <code>ex_doc</code> into some extreme stylistic changes; and the cross-linking between other docs in the ecosystem is luxuriant. The auto-genned TOC and deep linking, including back to source, is hard to recreate on my own (I’ve tried, though I’m not a wizard at this stuff).</p>
<p>OTOH I do understand the desire for a web framework to boostrap its own docs, to which I can say that prism.js works pretty well in my experience.</p>
</blockquote>
</aside>
<p>While building a custom website is significantly more time-consuming than using HexDocs, I believe it offers several key benefits:</p>
<ul>
<li><strong>Custom syntax highlighting</strong>: especially important for our <code>.holo</code> template syntax, which needs special treatment</li>
<li><strong>AI-powered search</strong>: I’m planning to implement an AI agent that will not only provide better documentation search but also engage in conversational explanations of the docs</li>
<li><strong>Enhanced navigation</strong>: taking inspiration from Tailwind’s docs, I will implement a fixed right sidebar showing the current page’s contents. Check out how they do it here: <a href="https://tailwindcss.com/docs/adding-custom-styles" rel="noopener nofollow ugc">https://tailwindcss.com/docs/adding-custom-styles</a></li>
<li><strong>Consistent branding</strong>: keeping everything aligned with Hologram’s visual identity</li>
<li><strong>Future extensibility</strong>: room for interactive examples, playgrounds, and other custom features</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354284" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/18">Post #17</a>
	                </div>
	            </div>
              <div id="likers-container-354284" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354284"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #17"></div>
  </section>
</div>
    <div class="postbit" id="354288" data-post-id="354288">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Eiji" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Eiji/120/36743_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Eiji
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="bartblast" data-post="18" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p><strong>Custom syntax highlighting</strong>: especially important for our <code>.holo</code> template syntax, which needs special treatment</p>
</blockquote>
</aside>
<p>You can do that! Simply create a package named like <code>makeup_holo</code> and use <code>makeup</code> API to register your lexel, see <a href="https://github.com/elixir-makeup/makeup_eex/blob/v1.0.0/lib/makeup/lexers/eex_lexer/application.ex" rel="noopener nofollow ugc">application.ex | MakeupEEx 1.0.0 @ GitHub</a>.</p>
<aside class="quote no-group" data-username="bartblast" data-post="18" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p><strong>AI-powered search</strong>: I’m planning to implement an AI agent that will not only provide better documentation search but also engage in conversational explanations of the docs</p>
</blockquote>
</aside>
<p>Fine, but you can use <code>hex</code> to store documentation and create a standalone AI chat bot for it, right?</p>
<aside class="quote no-group quote-modified" data-username="bartblast" data-post="18" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p><strong>Enhanced navigation</strong>: taking inspiration from Tailwind’s docs, I will implement a fixed right sidebar showing the current page’s contents. Check out how they do it here: <a href="https://tailwindcss.com/docs/adding-custom-styles" class="inline-onebox" rel="noopener nofollow ugc">Adding custom styles - Core concepts - Tailwind CSS</a></p>
</blockquote>
</aside>
<p>Ok, the sidebar is always on left, but there is no problem with navigation at all. Simply use heading tags in markdown like <code>## Examples</code>. If you have some ideas to enhance navigation then you can propose changes to <code>ex_doc</code>.</p>
<aside class="quote no-group" data-username="bartblast" data-post="18" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p><strong>Consistent branding</strong>: keeping everything aligned with Hologram’s visual identity</p>
</blockquote>
</aside>
<p>Since across many versions there are different assets and they do not change (in specific old version) when <code>hex</code> is updated you should be able to override the assets. In <code>doc/dist</code> you can find <code>CSS</code>, <code>JavaScript</code> and even <code>fonts</code>, so it should be not a problem as long as you don’t want to change <code>DOM</code> and I guess that you could also change <code>JavaScript</code> to support your <code>AI</code> as well.</p>
<aside class="quote no-group" data-username="bartblast" data-post="18" data-topic="68730">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/48/17647_2.png" class="avatar"> bartblast:</div>
<blockquote>
<p><strong>Future extensibility</strong>: room for interactive examples, playgrounds, and other custom features</p>
</blockquote>
</aside>
<p>You can open documentation in <code>LiveBook</code>. If remember correctly you can even create custom cells. As far as I know it’s even possible to start <code>Phoenix</code> server from <code>LiveBook</code>, so if that’s not enough for you then I have no idea what you need.</p>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/d/3/d396f0257ddb6f6c76dbacf0c5941eb1ab3c5911.png" data-download-href="https://forum.elixirforum.com/uploads/default/d396f0257ddb6f6c76dbacf0c5941eb1ab3c5911" title="obraz" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/original/3X/d/3/d396f0257ddb6f6c76dbacf0c5941eb1ab3c5911.png" alt="obraz" data-base62-sha1="ubO829zYg4zH0QdvAOGynRG5RM5" width="690" height="488" data-dominant-color="152133"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">obraz</span><span class="informations">701×496 24.9 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354288" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/19">Post #18</a>
	                </div>
	            </div>
              <div id="likers-container-354288" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354288"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #18"></div>
  </section>
</div>
    <div class="postbit" id="354325" data-post-id="354325">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Eiji" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Eiji/120/36743_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Eiji
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Oh, I forgot to mention that there are some options that you may find interesting … Please take a look at <a href="https://hexdocs.pm/ex_doc/readme.html#extensions" rel="noopener nofollow ugc">Extensions @ ex_doc documentation</a> section to see how you can inject custom <code>CSS</code> and <code>JavaScript</code>, so you don’t even have to touch generated <code>doc</code> directory.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354325" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/20">Post #19</a>
	                </div>
	            </div>
              <div id="likers-container-354325" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354325"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #19"></div>
  </section>
</div>
    <div class="postbit" id="354379" data-post-id="354379">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bartblast" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/120/17647_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bartblast
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Hologram</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Thanks for the detailed feedback <a class="mention" href="/u/eiji" rel="nofollow">@Eiji</a>! You make excellent points about ExDoc/HexDocs/Makeup extensibility. Let me explain why I still believe a custom website is the right choice for Hologram specifically:</p>
<h3><a name="p-354379-current-state-vs-future-vision-1" class="anchor" href="#p-354379-current-state-vs-future-vision-1" aria-label="Heading link" rel="nofollow"></a>Current State vs Future Vision</h3>
<p>While what we have now on the Hologram website would fit into HexDocs, that’s just scratching the surface. After working on Hologram for almost 5 years and being committed to at least 5 more, I have a broader vision for what the documentation platform needs to become.</p>
<h3><a name="p-354379-dogfooding-framework-showcase-2" class="anchor" href="#p-354379-dogfooding-framework-showcase-2" aria-label="Heading link" rel="nofollow"></a>Dogfooding &amp; Framework Showcase</h3>
<p>The documentation site itself is built with Hologram, serving as a real-world example of the framework’s capabilities. This “dogfooding” approach helps validate the framework and provides a reference implementation that demonstrates best practices.</p>
<h3><a name="p-354379-framework-specific-requirements-3" class="anchor" href="#p-354379-framework-specific-requirements-3" aria-label="Heading link" rel="nofollow"></a>Framework-Specific Requirements</h3>
<p>Hologram needs to control the whole browser to run its machinery - there’s complex transpilation, routing, and template handling underneath. This makes it challenging to use platforms like LiveBook for interactive examples.</p>
<h3><a name="p-354379-advanced-syntax-highlighting-4" class="anchor" href="#p-354379-advanced-syntax-highlighting-4" aria-label="Heading link" rel="nofollow"></a>Advanced Syntax Highlighting</h3>
<p>While Makeup is excellent, our needs go beyond standard syntax highlighting. We’ll eventually implement Hologram macro components with access to the framework’s internal machinery for enhanced highlighting and language server capabilities.</p>
<h3><a name="p-354379-marketing-brand-identity-5" class="anchor" href="#p-354379-marketing-brand-identity-5" aria-label="Heading link" rel="nofollow"></a>Marketing &amp; Brand Identity</h3>
<p>As a frontend framework competing with LiveView, using LiveView-based tools like LiveBook for our documentation would be counterproductive from a marketing perspective. The custom website allows us to maintain consistent branding and showcase Hologram’s unique capabilities.</p>
<h3><a name="p-354379-future-proofing-risk-management-6" class="anchor" href="#p-354379-future-proofing-risk-management-6" aria-label="Heading link" rel="nofollow"></a>Future-Proofing &amp; Risk Management</h3>
<p>Given Hologram’s scope, we need flexibility for future features that might not fit within HexDocs/LiveBook constraints. The custom platform gives us complete control over:</p>
<ul>
<li>Interactive component playgrounds (similar to Storybook)</li>
<li>Real-time demonstrations</li>
<li>Community showcases (serving users’ demo apps within Hologram website)</li>
<li>Product analytics for documentation usage</li>
<li>AI-powered assistance that’s deeply integrated with framework internals</li>
<li>…and other crazy ideas we haven’t even thought of yet!</li>
</ul>
<h3><a name="p-354379-community-consideration-7" class="anchor" href="#p-354379-community-consideration-7" aria-label="Heading link" rel="nofollow"></a>Community Consideration</h3>
<p>I want to emphasize that this isn’t about starting a movement away from HexDocs. ExDoc/HexDocs/Makeup are fantastic tools that serve 99% of Elixir projects perfectly. This decision is specific to Hologram’s unique position as a frontend framework with specialized documentation needs.</p>
<p>The goal isn’t to replicate HexDocs features, but to create documentation that’s specifically optimized for teaching and demonstrating Hologram’s capabilities, similar to how successful JS frameworks have custom documentation platforms that showcase their specific patterns and features. The documentation becomes not just a reference, but a kind of a learning platform that presents the framework concepts in an integrated way.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354379" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/21">Post #20</a>
	                </div>
	            </div>
              <div id="likers-container-354379" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354379"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #20"></div>
  </section>
</div>
    <div class="postbit" id="354575" data-post-id="354575">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="bartblast" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/bartblast/120/17647_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  bartblast
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Creator of Hologram</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>The Commands documentation page is now available at <a href="https://hologram.page/docs/commands" rel="noopener nofollow ugc">https://hologram.page/docs/commands</a>.<br>
It complements the existing Actions page and covers server-side operations in Hologram <img src="https://forum.elixirforum.com/images/emoji/apple/slight_smile.png?v=15" title=":slight_smile:" class="emoji" alt=":slight_smile:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="354575" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/hologram-documentation-updates-feedback/68730/22">Post #21</a>
	                </div>
	            </div>
              <div id="likers-container-354575" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="354575"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #21"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <a class="load-more-button" data-turbo-stream="true" href="/topics/68730/load_more?page=3">Load more posts (6 remaining)</a>
</div></template></turbo-stream>