| 1 | <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="canonical" href="https://akte.js.org/welcome"/><title>Akte - Welcome!</title><meta name="description" content="Akte is a minimal file generator to make websites with an integrated data cascade. It integrates with Vite, has serverless capabilities, and is all nicely typed~"><meta property="og:site_name" content="Akte"><meta property="og:type" content="website"><meta property="og:url" content="https://akte.js.org/welcome"><meta property="og:title" content="Akte - Welcome!"><meta property="og:description" content="Akte is a minimal file generator to make websites with an integrated data cascade. It integrates with Vite, has serverless capabilities, and is all nicely typed~"><meta property="og:image" content="https://akte.js.org/meta.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="@li_hbr"><meta name="twitter:title" content="Akte - Welcome!"><meta name="twitter:description" content="Akte is a minimal file generator to make websites with an integrated data cascade. It integrates with Vite, has serverless capabilities, and is all nicely typed~"><meta name="twitter:image" content="https://akte.js.org/meta.png"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#e84311"><meta name="msapplication-TileColor" content="#e84311"><meta name="theme-color" content="#fff7f7"><link rel="stylesheet" href="https://akte.js.org/assets/css/style.css"/><base href="https://akte.js.org"/></head><body><header><figure><a href="/"><img src="/logo.svg" alt="Akte Logo" width="134" height="82"/></a><a href="/changelog" title="Open changelog">v0.3.0</a> - <a href="https://github.com/lihbr/akte" target="_blank" rel="noopener noreferrer">GitHub</a></figure><nav><ul><li><a href="/get-started">Get started</a></li><li><a href="/guide">Guide</a></li><li><a href="/api">API</a></li><li><a href="/examples">Examples</a></li><li><a href="/comparisons">Comparisons</a></li></ul></nav></header><main><h1 id="welcome-to-akte"><a href="#welcome-to-akte">Welcome to Akte!</a></h1><h2 id="get-started"><a href="#get-started">Get started</a></h2><p>Remove this welcome page by adding your first Akte file to your <code>akte.app.ts</code> configuration<sup><a href="#user-content-fn-1" id="user-content-fnref-1" data-footnote-ref aria-describedby="footnote-label">1</a></sup>.</p><figure class="highlight highlight-ts"><pre><span class="pl-k">import</span> { <span class="pl-smi">defineAkteFile</span>, <span class="pl-smi">defineAkteApp</span> } <span class="pl-k">from</span> <span class="pl-s"><span class="pl-pds">"</span>akte<span class="pl-pds">"</span></span>;
|
| 2 |
|
| 3 | <span class="pl-k">const</span> <span class="pl-c1">myFirstFile</span> <span class="pl-k">=</span> <span class="pl-en">defineAkteFile</span>().<span class="pl-en">from</span>({
|
| 4 | path: <span class="pl-s"><span class="pl-pds">"</span>/<span class="pl-pds">"</span></span>,
|
| 5 | <span class="pl-en">render</span>() {
|
| 6 | <span class="pl-k">return</span> <span class="pl-s"><span class="pl-pds">"</span>Hello World!<span class="pl-pds">"</span></span>;
|
| 7 | },
|
| 8 | });
|
| 9 |
|
| 10 | <span class="pl-k">export</span> <span class="pl-k">const</span> <span class="pl-c1">app</span> <span class="pl-k">=</span> <span class="pl-en">defineAkteApp</span>({
|
| 11 | files: [<span class="pl-smi">myFirstFile</span>],
|
| 12 | });
|
| 13 | </pre></figure><h2 id="documentation"><a href="#documentation">Documentation</a></h2><p>Learn more about Akte, browse references, and find examples on <a href="https://akte.js.org?source=welcome" target="_blank" rel="noopener noreferrer">Akte documentation</a>.</p><section data-footnotes class="footnotes"><h2 class="sr-only" id="footnote-label"><a href="#footnote-label">Footnotes</a></h2><ol><li id="user-content-fn-1"><p>This file is only shown in development when no other Akre files are registered within your <code>akte.app.ts</code> configuration. When bundling Akte (e.g. for serverless usage), this file gets tree shaken out of the bundle. <a href="#user-content-fnref-1" data-footnote-backref class="data-footnote-backref" aria-label="Back to content">↩</a></p></li></ol></section></main><footer><hr/><p><a href="https://github.com/lihbr/akte" target="_blank" rel="noopener noreferrer">GitHub</a> - <a href="https://twitter.com/li_hbr" target="_blank" rel="noopener noreferrer">Twitter</a> - <a href="https://mastodon.social/@lihbr" target="_blank" rel="noopener noreferrer">Mastodon</a> <a href="https://plausible.io/akte.js.org" target="_blank" rel="noopener noreferrer" style="float:right">Analytics</a></p><br/><p>© 2023-present Lucie Haberer - MIT License</p></footer><script type="module" src="/assets/js/base.js"></script></body></html> |
| \ | No newline at end of file |