Public
- Public
- Network
- Groups
- Popular
- People

Screencast: On the right, a browser with the Kitten Persistence tutorial page demonstrating the word Scary being animated by a component called Scary that is imported from the front matter of a Markdown page, an excerpt of which is shown in an editor on the left: --- layout: ../Tutorials.layout.js imports: - import Scary from './Scary.component.js' title: Persistence description: Learn how to persist information using Kitten’s build-in JavaScript Database (JSDB) topics: - Persistence. - JavaScript Database (JSDB). - The Kitten CLI’s `db` command. - Your project’s entrypoint (the _main.script.js_ file). - Database app modules. --- ### Persistence (is not) futile! So counting kittens is great fun but what happens if you restart the server? All your kittens are lost! (This is a tragedy.) So let’s fix that. (Brace yourself, you’re about to use – _drumroll_ – a <${Scary} fontSize='1.25em' verticalAlign='middle' /> database! _Oooh!_) ### 👻 Using JavaScript Database (JSDB) – a (not so) scary database

Download link

Screencast: On the right, a browser with the Kitten Persistence tutorial page demonstrating the word Scary being animated by a component called Scary that is imported from the front matter of a Markdown page, an excerpt of which is shown in an editor on the left: --- layout: ../Tutorials.layout.js imports: - import Scary from './Scary.component.js' title: Persistence description: Learn how to persist information using Kitten’s build-in JavaScript Database (JSDB) topics: - Persistence. - JavaScript Database (JSDB). - The Kitten CLI’s `db` command. - Your project’s entrypoint (the _main.script.js_ file). - Database app modules. --- ### Persistence (is not) futile! So counting kittens is great fun but what happens if you restart the server? All your kittens are lost! (This is a tragedy.) So let’s fix that. (Brace yourself, you’re about to use – _drumroll_ – a <${Scary} fontSize='1.25em' verticalAlign='middle' /> database! _Oooh!_) ### 👻 Using JavaScript Database (JSDB) – a (not so) scary database

Notices where this attachment appears

Aral Balkan (aral@mastodon.ar.al)'s status on Wednesday, 05-Jun-2024 22:34:50 JST Aral Balkan

🎉 You can now use components and fragments in your Markdown pages in Kitten.
Following on from yesterday’s Markdown pages feature, you can now import components and fragments and use them in your Markdown pages to add dynamic functionality (similar to how it works in mdx but without using JSX).
(The “SCARY” text in the screencast is being randomly animated by a component.)
Enjoy!
:kitten:💕
#Kitten #SmallWeb #Markdown #components #fragments #mdx

In conversation about 6 months ago from mastodon.ar.al permalink