nullstack.github.io/docs/context-settings.html at gh-pages · nullstack/nullstack.github.io

History

83 lines (74 loc) · 52 KB

Raw

<!DOCTYPE html>

<head>

<title>Context Settings - Nullstack</title>

</head>

<div id="application"><div class="dark:bg-gray-900 dark:text-white"><div class="h-20"><header class="fixed w-full bg-white dark:bg-gray-900 shadow top-0 left-0 z-20 md:h-20 flex items-center"><div class="max-w-screen-xl mx-auto px-4 flex justify-between items-center flex-wrap py-4 w-full"><div class="w-full sm:w-auto justify-between sm:justify-self-start sm:px-0 items-center flex"><a title="Nullstack" href="/"><svg xmlns="http://www.w3.org/2000/svg" height="30" viewBox="0 0 511.5039 113.7368"><title> Nullstack </title><path d="M13.2736,39.964H28.7009v9.8922a20.3919,20.3919,0,0,1,7.743-8.479,21.2792,21.2792,0,0,1,11.2172-3.0031q7.36,0,11.3349,4.1218t3.9745,11.6588a48.9655,48.9655,0,0,1-1.06,8.8913l-8.3025,42.8665H36.3556L44.187,65.7546a31.2306,31.2306,0,0,0,.5888-5.5939q0-7.6542-6.3593-7.6547a10.7348,10.7348,0,0,0-8.4791,4.3278q-3.5922,4.328-5.0639,12.0415l-7.1248,37.0372H.4961Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M81.4691,107.62q-7.2426,0-11.2466-4.1807t-4.004-11.8943a46.3965,46.3965,0,0,1,1.001-8.6557L75.64,39.964H92.7746L85.0609,80.24a29.8175,29.8175,0,0,0-.5888,5.5938q0,7.6551,6.4771,7.6548A10.3547,10.3547,0,0,0,99.2811,89.19q3.4446-4.2978,4.9756-12.0709L111.44,39.964h17.1348l-12.7775,65.9485H100.37V96.138a18.7565,18.7565,0,0,1-7.4781,8.3908A21.4849,21.4849,0,0,1,81.4691,107.62Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M150.2958,113.7368q-11.4821,0-16.7815-3.3563t-5.2995-10.5989a43.049,43.049,0,0,1,1.1188-8.3613l11.9532-56.6451H123.2687l2.532-13.2486h35.2118L146.2918,92.4213q-.1767.825-.3238,1.7371a10.5763,10.5763,0,0,0-.1473,1.6781q0,4.6521,8.2436,4.6517h16.3694l-2.65,13.2486Z" transform="translate(-0.4961)" fill="#d22365"></path><path d="M181.897,92.21q-11.4822,0-16.7816-3.3563T159.816,78.255a43.0455,43.0455,0,0,1,1.1187-8.3613l11.9532-56.6451H154.87L157.4018,0h35.2118L177.8929,70.8947q-.1765.8248-.3238,1.737a10.5766,10.5766,0,0,0-.1472,1.6782q0,4.6519,8.2435,4.6517h16.3694l-2.65,13.2486Z" transform="translate(-0.4961)" fill="#d22365"></path><path d="M228.3106,107.62a72.47,72.47,0,0,1-23.6119-4.1218l3.003-15.0739q10.5988,6.7717,21.6688,6.7715,6.4176,0,10.0983-2.2965a7.1387,7.1387,0,0,0,3.68-6.3593,4.4873,4.4873,0,0,0-1.8253-3.8273q-2.3556-1.884-9.5979-3.9452l-5.1817-1.4132q-13.8969-3.8271-13.8963-16.9582a18.9819,18.9819,0,0,1,8.0375-16.0455q8.0374-5.976,22.4637-5.9766a60.6829,60.6829,0,0,1,10.1573.8538,63.0434,63.0434,0,0,1,10.5105,2.797L260.8727,56.981a33.7,33.7,0,0,0-19.3724-6.3q-5.9478,0-9.3623,2.09a6.2659,6.2659,0,0,0-3.4152,5.5056,5.102,5.102,0,0,0,2.2375,4.2984q2.4731,1.7082,9.6568,3.7685l4.3573,1.2365q7.4775,2.12,10.9816,6.271t3.5035,10.805q0,10.7172-8.2436,16.84T228.3106,107.62Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M297.9546,106.2069q-11.3055,0-16.6932-3.3857t-5.3878-10.57a47.7847,47.7847,0,0,1,1.06-8.3613l5.9472-30.6778H265.9813l2.532-13.2486h16.8993l3.5918-18.7247h17.2527L302.6063,39.964h22.5521l-2.532,13.2486h-22.552l-6.1827,31.6788A20.2915,20.2915,0,0,0,293.48,88.13a3.9534,3.9534,0,0,0,1.9431,3.68q1.9433,1.1482,6.2416,1.1482h13.2486l-2.532,13.2486Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M338.2138,107.62q-9.4224,0-14.6029-5.1228-5.1828-5.1228-5.1816-14.25,0-12.2469,9.3034-18.99t26.2617-6.7421h11.3643l.4711-2.8852a3.6427,3.6427,0,0,1,.1177-.7066v-1.001A5.6271,5.6271,0,0,0,362.974,52.8q-2.9748-1.7666-8.5086-1.7665a41.5275,41.5275,0,0,0-10.8933,1.59,85.9338,85.9338,0,0,0-13.3074,5.0639l2.7675-14.7206a74.3941,74.3941,0,0,1,24.6129-4.5929q12.07,0,18.6363,4.6518,6.5643,4.652,6.5655,13.72a36.323,36.323,0,0,1-.4711,5.5939q-.4716,3.003-1.1188,5.9471l-7.2425,37.626H358.47v-7.36A26.3115,26.3115,0,0,1,338.2138,107.62Zm7.1837-11.8354q6.476,0,11.2466-5.6822t6.3-15.3978h-6.6537q-19.9029,0-19.9023,12.13a8.3352,8.3352,0,0,0,9.009,8.95Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M415.1828,107.62q-13.72,0-21.1683-7.4192t-7.4486-21.4333a42.63,42.63,0,0,1,5.005-20.8444,36.7663,36.7663,0,0,1,13.9257-14.338,40.3978,40.3978,0,0,1,20.7562-5.2111A39.0215,39.0215,0,0,1,445.8607,43.32l-3.1208,15.78a22.7112,22.7112,0,0,0-16.075-6.7126,21.2393,21.2393,0,0,0-11.8059,3.2974A22.52,22.52,0,0,0,406.88,64.783a29.416,29.416,0,0,0-2.8853,13.278q0,8.0083,3.4741,11.7765T417.95,93.606q8.8324,0,19.3724-6.1238l-3.2974,16.2516A45.998,45.998,0,0,1,415.1828,107.62Z" transform="translate(-0.4961)" fill="#2d3748"></path><path d="M458.1224,14.2911H475.375l-8.95,46.0463L490.2134,39.964H512L482.2643,64.5769l18.43,41.3356H482.382L469.31,75.058l-6.83,5.6527-4.8284,25.2018H440.3987Z" transform="translate(-0.4961)" fill="#2d3748"></path></svg></a><div class="flex gap-4"><div id="docsearch"></div><div class="flex items-center sm:hidden"><button title="Toggle Menu"><svg width="25" height="25" viewBox="0 0 482 482"><path d="M92.5 150H386.5" stroke="currentColor" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"></path><path d="M92.5 241H386.5" stroke="currentColor" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"></path><path d="M92.5 332H386.5" stroke="currentColor" stroke-width="42" stroke-linecap="round" stroke-linejoin="round"></path></svg></button></div></div></div><nav class="flex items-center flex-wrap sm:px-0 mt-2 sm:mt-0 hidden sm:flex"><a href="/what-is-nullstack" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">What is Nullstack?</a><a href="/getting-started" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">Documentation</a><a href="/examples" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">Examples</a><a href="/contributors" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">Contributors</a><a href="/frequently-asked-questions" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">F.A.Q</a><a href="/waifu" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative">Waifu</a><a href="/pt-br" class="w-full sm:w-auto border-b sm:border-0 border-gray-100 dark:border-gray-800 p-2 font-lg hover:text-pink-600 items-center flex font-light relative sm:hidden">Português</a></nav><div class="flex w-full sm:w-auto mt-4 sm:mt-0 sm:space-x-2 items-center hidden sm:flex"><a href="/pt-br" title="Português" class="hidden sm:flex text-pink-600 h-10 w-10 items-center justify-center">🇧🇷</a><a href="https://discord.gg/eDZfKz264v" title="Discord" target="_blank" rel="noopener" class="text-gray-700 hover:text-pink-600 dark:text-pink-600 dark:hover:text-white flex h-10 w-10 items-center justify-center"><svg width="40" height="40" viewBox="0 0 482 482"><path d="M350.027 75H127.973C109.248 75 94 90.228 94 109.088V332.847C94 351.718 109.248 366.934 127.973 366.934H315.895L307.116 336.32L328.322 356.017L348.373 374.548L384 406V109.088C384 90.228 368.752 75 350.027 75ZM286.068 291.145C286.068 291.145 280.098 284.029 275.137 277.738C296.841 271.618 305.134 258.042 305.134 258.042C298.337 262.51 291.88 265.656 286.08 267.805C277.799 271.278 269.835 273.598 262.053 274.921C246.148 277.897 231.557 277.071 219.13 274.752C209.683 272.93 201.561 270.283 194.775 267.636C190.969 266.142 186.823 264.321 182.677 262.013C182.178 261.685 181.68 261.515 181.181 261.187C180.853 261.017 180.683 260.859 180.513 260.689C177.534 259.037 175.868 257.872 175.868 257.872C175.868 257.872 183.821 271.109 204.868 277.399C199.895 283.689 193.767 291.134 193.767 291.134C157.143 289.98 143.221 265.972 143.221 265.972C143.221 212.686 167.089 169.491 167.089 169.491C190.957 151.615 213.659 152.113 213.659 152.113L215.313 154.104C185.486 162.714 171.734 175.781 171.734 175.781C171.734 175.781 175.381 173.79 181.51 170.984C199.238 163.2 213.33 161.051 219.13 160.553C220.127 160.383 220.954 160.225 221.951 160.225C232.056 158.901 243.497 158.573 255.426 159.897C271.172 161.718 288.073 166.357 305.304 175.781C305.304 175.781 292.208 163.37 264.035 154.76L266.357 152.113C266.357 152.113 289.059 151.615 312.927 169.491C312.927 169.491 336.796 212.686 336.796 265.972C336.773 265.984 322.681 289.991 286.068 291.145ZM209.003 213.851C199.555 213.851 192.102 222.121 192.102 232.224C192.102 242.316 199.725 250.597 209.003 250.597C218.451 250.597 225.905 242.327 225.905 232.224C226.075 222.132 218.451 213.851 209.003 213.851ZM269.495 213.851C260.048 213.851 252.594 222.121 252.594 232.224C252.594 242.316 260.218 250.597 269.495 250.597C278.943 250.597 286.397 242.327 286.397 232.224C286.397 222.132 278.932 213.851 269.495 213.851Z" fill="currentColor"></path></svg></a><div class="pt-1"><a class="github-button inline-block" href="https://github.com/nullstack/nullstack" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true" aria-label="Star nullstack/nullstack on GitHub">Star</a><script async defer src="https://buttons.github.io/buttons.js"></script></div></div></div></header></div><section class="max-w-screen-xl mx-auto px-4 flex flex-wrap sm:flex-nowrap py-12 sm:py-24"><button class="transition delay-300 fixed bottom-10 right-10 bg-pink-600 text-white shadow-xl rounded-full py-2 px-4 z-50 md:hidden ring-0 transform"><svg width="20" height="20" viewBox="0 0 482 482"><path d="M316.552 203H163.552C149 203 138 212 149 228C160 244 190.5 278 218.052 298C234.5 309.94 250.552 306.304 260.552 298C279.218 282.5 319.352 246.8 330.552 228C341.752 209.2 325.885 203.5 316.552 203Z" fill="currentColor"></path></svg></button><aside class="w-full md:w-3/12 fixed top-0 left-0 md:relative z-40 md:z-auto bg-white dark:bg-gray-900 h-screen md:h-auto p-4 overflow-y-auto md:p-0 md:pr-4 transform pb-24 sm:pb-0 transition sm:transition-none delay-500 delay-0 translate-y-full md:translate-y-0"><div class="mb-3"><h5> About Nullstack </h5><nav><a href="/what-is-nullstack" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">What is Nullstack?</a><a href="/getting-started" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Getting started</a></nav></div><div class="mb-3"><h5> Core Features </h5><nav><a href="/stateless-components" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Stateless Components</a><a href="/stateful-components" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Stateful components</a><a href="/full-stack-lifecycle" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Full stack lifecycle</a><a href="/server-functions" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Server functions</a><a href="/context" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context</a><a href="/two-way-bindings" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Two-way bindings</a><a href="/jsx-elements" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">JSX elements</a><a href="/refs" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Refs</a><a href="/styles" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Styles</a><a href="/persistent-components" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Persistent Components</a></nav></div><div class="mb-3"><h5> Context Keys </h5><nav><a href="/routes-and-params" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Routes and params</a><a href="/context-data" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context data</a><a href="/context-instances" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context instances</a><a href="/context-environment" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context environment</a><a href="/context-page" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context page</a><a href="/context-project" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context project</a><a href="/context-settings" class="text-pink-500 dark:text-pink-500 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context settings</a><a href="/context-secrets" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Context secrets</a><a href="/server-request-and-response" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Server request and response</a><a href="/service-worker" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Service Worker</a></nav></div><div class="mb-3"><h5> Advanced concepts </h5><nav><a href="/proxy" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Proxy</a><a href="/application-startup" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Application Startup</a><a href="/script-runner" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Script runner</a><a href="/how-to-customize-webpack" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">How to customize Webpack</a><a href="/transpilation-and-security" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Transpilation and Security</a><a href="/typescript" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">TypeScript</a></nav></div><div class="mb-3"><h5> Build Modes </h5><nav><a href="/server-side-rendering" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Server-side rendering</a><a href="/static-site-generation" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Static site generation</a><a href="/single-page-applications" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Single page applications</a></nav></div><div class="mb-3"><h5> Other </h5><nav><a href="/nullstack-logo" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">Nullstack Logo</a><a href="/how-to-deploy-a-nullstack-application" class="text-gray-500 dark:text-gray-300 hover:text-pink-600 dark:hover:text-pink-400 block w-full">How to deploy</a></nav></div></aside><article class="w-full md:w-9/12 pb-24"><h1 class="text-pink-600 text-4xl font-light block mb-8"> Context Settings </h1><div class="prose dark:prose-dark max-w-none"><ul>

<li>Type: <code>object</code></li>

<li>Origin: <a href="/context#----nullstack-context">Nullstack Context</a></li>

<li>Availability: server/client</li>

<li><strong>readwrite</strong> in <strong>server</strong> context</li>

<li><strong>readonly</strong> in <strong>client</strong> context</li>

</ul>

<p>You can use it to configure your application with public information.</p>

<p>You can assign any keys with any type to the object.</p>

<p>You can assign keys to <code>settings</code> dynamically based on current environment using <a href="/context-environment"><code>context.environment</code></a>.</p>

<pre><code class="language-jsx"><span class="token comment">// server.js</span>

<span class="token keyword">import</span> Nullstack <span class="token keyword">from</span> <span class="token string">'nullstack'</span><span class="token punctuation">;</span>

<span class="token keyword">import</span> Application <span class="token keyword">from</span> <span class="token string">'./src/Application'</span><span class="token punctuation">;</span>

<span class="token keyword">const</span> context <span class="token operator">=</span> Nullstack<span class="token punctuation">.</span><span class="token function">start</span><span class="token punctuation">(</span>Application<span class="token punctuation">)</span><span class="token punctuation">;</span>

context<span class="token punctuation">.</span><span class="token function-variable function">start</span> <span class="token operator">=</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

<span class="token keyword">const</span> <span class="token punctuation">{</span> settings<span class="token punctuation">,</span> environment <span class="token punctuation">}</span> <span class="token operator">=</span> context<span class="token punctuation">;</span>

settings<span class="token punctuation">.</span>endpoint <span class="token operator">=</span> <span class="token string">'https://domain.com/api'</span><span class="token punctuation">;</span>

settings<span class="token punctuation">.</span>publicKey <span class="token operator">=</span> environment<span class="token punctuation">.</span>development <span class="token operator">?</span> <span class="token string">'DEV_API_KEY'</span> <span class="token operator">:</span> <span class="token string">'PROD_API_KEY'</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> context<span class="token punctuation">;</span>

</code></pre>

<pre><code class="language-jsx"><span class="token comment">// src/Application.njs</span>

<span class="token keyword">import</span> Nullstack <span class="token keyword">from</span> <span class="token string">'nullstack'</span><span class="token punctuation">;</span>

<span class="token keyword">class</span> <span class="token class-name">Application</span> <span class="token keyword">extends</span> <span class="token class-name">Nullstack</span> <span class="token punctuation">{</span>

<span class="token keyword">async</span> <span class="token function">hydrate</span><span class="token punctuation">(</span><span class="token parameter"><span class="token punctuation">{</span>settings<span class="token punctuation">}</span></span><span class="token punctuation">)</span> <span class="token punctuation">{</span>

<span class="token keyword">const</span> response <span class="token operator">=</span> <span class="token keyword">await</span> <span class="token function">fetch</span><span class="token punctuation">(</span>settings<span class="token punctuation">.</span>endpoint<span class="token punctuation">,</span> <span class="token punctuation">{</span>

<span class="token literal-property property">headers</span><span class="token operator">:</span> <span class="token punctuation">{</span>

<span class="token literal-property property">Authorization</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">Bearer </span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">${</span>settings<span class="token punctuation">.</span>publicKey<span class="token interpolation-punctuation punctuation">}</span></span><span class="token template-punctuation string">`</span></span>

<span class="token keyword">this</span><span class="token punctuation">.</span>data <span class="token operator">=</span> <span class="token keyword">await</span> response<span class="token punctuation">.</span><span class="token function">json</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

<span class="token keyword">export</span> <span class="token keyword">default</span> Application<span class="token punctuation">;</span>

</code></pre>

<p>Any environment variable starting with NULLSTACK_SETTINGS_ will be mapped to the <code>settings</code> in that environment.</p>

<p>🐱‍💻 NULLSTACK_SETTINGS_PUBLIC_KEY will be mapped to <code>settings.publicKey</code></p>

</blockquote>

</div><div class="prose dark:prose-dark max-w-none my-12 border border-pink-600 p-6"><h2> <a href="#next-step"> Next Step </a> </h2><span class="my-2 block">➡️ Learn more about <a href="/context-secrets" class="text-white hover:text-pink-600">Context Keys: Context secrets</a></span><span>❓ Have any questions or suggestions? <a href="https://discord.gg/eDZfKz264v" target="_blank">Join our Discord</a></span></div></article></section><footer class="flex flex-wrap w-full justify-center relative"><div class="w-full relative flex justify-center h-80 bg-70 hover:bg-100 bg-bottom bg-no-repeat" style="background-image: url(/stars.webp); transition: background-size 3s;"><img src="/footer.webp" alt="Nulla-Chan" class="absolute bottom-0"/></div><div class="bg-gray-800 w-full py-4 flex-wrap"><nav class="w-full flex items-center justify-center space-x-1"><a href="https://twitter.com/nullstackapp" title="Twitter" target="_blank" rel="noopener" class="text-pink-600 hover:text-white h-12 w-12 flex items-center justify-center"><svg width="45" height="45" viewBox="0 0 482 482"><path d="M359.651 159.865C353.651 161.521 348.897 161.259 348.897 161.259L349.1 160.126C354.694 155.653 368.811 141.885 370.666 135.436C371.478 132.648 370.521 131.689 370.521 131.602L352.491 139.27L337.418 146.096C327.012 135.029 311.243 128 293.619 128C262.284 128 236.862 150.25 236.862 177.7C236.862 182.725 237.616 191.875 239.181 196.464C239.181 197.917 239.239 195.012 239.181 196.464C219.006 195.912 193.121 187.605 170.076 175.899C124.624 152.835 121.784 136.859 121.784 136.859C114.653 144.47 110.971 169.625 118.189 189.319C122.827 201.954 138.741 213.283 138.741 213.283C138.741 213.283 131.61 213.428 124.161 210.901C116.711 208.374 113.87 205.876 113.87 205.876C109.435 216.71 118.334 236.085 133.726 249.94C142.683 258.045 159.061 263.128 159.061 263.128L133.494 263.854C132.045 288.777 185.642 303.562 185.642 303.562C169.931 315.674 151.727 323.023 132.19 323.023C122.073 323.023 112.276 321.513 103 318.724C128.798 340.045 161.96 354.743 198.019 352.855C293.677 347.83 347.679 265.423 350.259 184.497L350.375 184.671C350.375 184.671 354.868 182.435 364.434 172.82C374 163.205 379.971 151.993 379.971 151.993C379.971 151.993 365.651 158.209 359.651 159.865Z" fill="currentColor"></path></svg></a><a href="https://github.com/nullstack/nullstack" title="Github" target="_blank" rel="noopener" class="text-pink-600 hover:text-white h-12 w-12 flex items-center justify-center"><svg width="45" height="45" viewBox="0 0 482 482"><path fill-rule="evenodd" clip-rule="evenodd" d="M241.5 80C150.104 80 76 153.919 76 245.087C76 318.021 123.411 379.912 189.183 401.727C197.46 403.257 200.502 398.145 200.502 393.772C200.502 389.835 200.337 376.823 200.283 363.045C154.214 373.023 144.513 343.581 144.513 343.581C136.977 324.5 126.152 319.416 126.152 319.416C111.133 309.164 127.275 309.383 127.275 309.383C143.883 310.558 152.652 326.386 152.652 326.386C167.424 351.618 191.376 344.319 200.803 340.109C202.283 329.448 206.586 322.149 211.299 318.021C174.549 313.839 135.908 299.678 135.908 236.448C135.908 218.433 142.375 203.699 152.954 192.135C151.227 187.98 145.582 171.196 154.543 148.451C154.543 148.451 168.438 144.023 200.063 165.373C213.273 161.71 227.414 159.878 241.5 159.823C255.559 159.878 269.727 161.71 282.964 165.373C314.562 144.023 328.429 148.451 328.429 148.451C337.446 171.196 331.773 187.98 330.046 192.135C340.652 203.699 347.065 218.433 347.065 236.448C347.065 299.842 308.341 313.812 271.509 317.912C277.456 323.024 282.745 333.084 282.745 348.475C282.745 370.563 282.553 388.332 282.553 393.772C282.553 398.173 285.54 403.312 293.926 401.699C359.644 379.857 407 317.994 407 245.087C407 153.919 332.896 80 241.5 80Z" fill="currentColor"></path><path d="M138.676 317.01C138.319 317.83 137.004 318.076 135.826 317.502C134.62 316.955 133.962 315.834 134.346 315.014C134.702 314.167 135.99 313.948 137.196 314.495C138.402 315.069 139.087 316.19 138.676 317.01Z" fill="currentColor"></path><path d="M145.39 324.473C144.595 325.211 143.061 324.856 142.019 323.708C140.923 322.559 140.731 321.029 141.526 320.29C142.348 319.552 143.828 319.908 144.924 321.056C145.993 322.204 146.212 323.735 145.39 324.473Z" fill="currentColor"></path><path d="M151.912 333.986C150.898 334.697 149.227 334.04 148.213 332.564C147.199 331.088 147.199 329.339 148.24 328.628C149.254 327.917 150.898 328.546 151.94 330.022C152.954 331.498 152.954 333.275 151.912 333.986Z" fill="currentColor"></path><path d="M160.846 343.171C159.942 344.183 157.996 343.909 156.599 342.542C155.146 341.203 154.762 339.317 155.667 338.333C156.599 337.321 158.517 337.622 159.942 338.961C161.367 340.274 161.806 342.187 160.846 343.171Z" fill="currentColor"></path><path d="M173.179 348.502C172.768 349.787 170.904 350.388 169.041 349.841C167.177 349.267 165.944 347.764 166.328 346.452C166.711 345.139 168.575 344.538 170.466 345.112C172.357 345.686 173.563 347.19 173.179 348.502Z" fill="currentColor"></path><path d="M186.717 349.486C186.772 350.853 185.182 351.973 183.209 352.001C181.236 352.055 179.619 350.935 179.619 349.595C179.619 348.228 181.181 347.107 183.154 347.08C185.1 347.053 186.717 348.146 186.717 349.486Z" fill="currentColor"></path><path d="M199.323 347.354C199.57 348.693 198.2 350.033 196.227 350.416C194.308 350.771 192.527 349.951 192.28 348.639C192.034 347.272 193.431 345.905 195.35 345.55C197.323 345.194 199.077 346.014 199.323 347.354Z" fill="currentColor"></path></svg></a><a href="https://discord.gg/eDZfKz264v" title="Discord" target="_blank" rel="noopener" class="text-pink-600 hover:text-white h-12 w-12 flex items-center justify-center"><svg width="45" height="45" viewBox="0 0 482 482"><path d="M350.027 75H127.973C109.248 75 94 90.228 94 109.088V332.847C94 351.718 109.248 366.934 127.973 366.934H315.895L307.116 336.32L328.322 356.017L348.373 374.548L384 406V109.088C384 90.228 368.752 75 350.027 75ZM286.068 291.145C286.068 291.145 280.098 284.029 275.137 277.738C296.841 271.618 305.134 258.042 305.134 258.042C298.337 262.51 291.88 265.656 286.08 267.805C277.799 271.278 269.835 273.598 262.053 274.921C246.148 277.897 231.557 277.071 219.13 274.752C209.683 272.93 201.561 270.283 194.775 267.636C190.969 266.142 186.823 264.321 182.677 262.013C182.178 261.685 181.68 261.515 181.181 261.187C180.853 261.017 180.683 260.859 180.513 260.689C177.534 259.037 175.868 257.872 175.868 257.872C175.868 257.872 183.821 271.109 204.868 277.399C199.895 283.689 193.767 291.134 193.767 291.134C157.143 289.98 143.221 265.972 143.221 265.972C143.221 212.686 167.089 169.491 167.089 169.491C190.957 151.615 213.659 152.113 213.659 152.113L215.313 154.104C185.486 162.714 171.734 175.781 171.734 175.781C171.734 175.781 175.381 173.79 181.51 170.984C199.238 163.2 213.33 161.051 219.13 160.553C220.127 160.383 220.954 160.225 221.951 160.225C232.056 158.901 243.497 158.573 255.426 159.897C271.172 161.718 288.073 166.357 305.304 175.781C305.304 175.781 292.208 163.37 264.035 154.76L266.357 152.113C266.357 152.113 289.059 151.615 312.927 169.491C312.927 169.491 336.796 212.686 336.796 265.972C336.773 265.984 322.681 289.991 286.068 291.145ZM209.003 213.851C199.555 213.851 192.102 222.121 192.102 232.224C192.102 242.316 199.725 250.597 209.003 250.597C218.451 250.597 225.905 242.327 225.905 232.224C226.075 222.132 218.451 213.851 209.003 213.851ZM269.495 213.851C260.048 213.851 252.594 222.121 252.594 232.224C252.594 242.316 260.218 250.597 269.495 250.597C278.943 250.597 286.397 242.327 286.397 232.224C286.397 222.132 278.932 213.851 269.495 213.851Z" fill="currentColor"></path></svg></a><a href="https://www.youtube.com/nullstack" title="Youtube" target="_blank" rel="noopener" class="text-pink-600 hover:text-white h-12 w-12 flex items-center justify-center"><svg width="45" height="45" viewBox="0 0 482 482"><path fill-rule="evenodd" clip-rule="evenodd" d="M242.949 353.27C272.252 353.27 360.16 350.815 360.16 350.815C382.859 350.815 401.432 332.243 401.432 309.544C401.432 309.544 403.886 257.94 403.886 240.641C403.886 223.342 401.432 171.738 401.432 171.738C401.432 149.027 382.847 130.455 360.148 130.455C360.148 130.455 272.24 128 242.937 128C213.634 128 125.726 130.455 125.726 130.455C103.016 130.455 84.4429 149.027 84.4546 171.726C84.4546 171.726 82 223.377 82 240.629C82 257.881 84.4546 309.532 84.4546 309.532C84.4546 332.243 103.039 350.815 125.738 350.815C125.738 350.815 213.646 353.27 242.949 353.27ZM212.116 190.299V290.971L293.443 240.629L212.116 190.299Z" fill="currentColor"></path></svg></a><a href="https://www.linkedin.com/company/nullstack-app" title="LinkedIn" target="_blank" rel="noopener" class="text-pink-600 hover:text-white h-12 w-12 flex items-center justify-center"><svg width="27" height="27" viewBox="0 0 24 24"><path fill="currentColor" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a></nav><nav class="w-full flex flex-wrap items-center justify-center space-x-1"><p class="text-center mt-3 w-full text-gray-400 px-6">Want to show your love and help us spread the word?</p><a href="https://github.com/nullstack/nullstack/stargazers" class="text-white flex flex-wrap text-xl text-center" target="_blank" rel="noopener"><span class="block w-full">Leave a star on GitHub</span></a></nav></div></footer></div></div>

</body>

</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

context-settings.html

Latest commit

History

context-settings.html

File metadata and controls