aral, to SmallWeb
@aral@mastodon.ar.al avatar

🎉 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

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

aral, to markdown
@aral@mastodon.ar.al avatar

🎉 New Kitten feature: Markdown pages

You can now create .page.md files and use front matter to specify a layout template as well as any other props you want to pass to your layout.

(I’m working on the Kitten web site with docs, etc., so I thought I’d bite the bullet and add this feature this morning to make my life easier. Should make it easier to make this sort of site with Kitten in the future for everyone.)

https://codeberg.org/kitten/app

:kitten: 💕

#Kitten #Markdown #SmallWeb #web #dev #NodeJS

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • thenastyranch
  • magazineikmin
  • ethstaker
  • InstantRegret
  • tacticalgear
  • rosin
  • love
  • Youngstown
  • slotface
  • ngwrru68w68
  • kavyap
  • cubers
  • DreamBathrooms
  • megavids
  • mdbf
  • modclub
  • GTA5RPClips
  • normalnudes
  • khanakhh
  • everett
  • cisconetworking
  • osvaldo12
  • anitta
  • Leos
  • Durango
  • tester
  • JUstTest
  • All magazines