🏝 The joyful site generator ⚡ Partial hydration in Vite.js (Vue, Svelte, Preact, Solid) ✍️ By @maximomussini
- Tweets 111
- Following 19
- Followers 454
- Likes 85
New experimental setting: `turbo`!
🚀 enables spa-like navigation, no page reloads
🪶 lightweight, less than 2kb
😃 use islands as usual, lifecycle just works
iles-docs.netlify.app/guide/…
1
3
32
The techniques used are a combination of Turbolinks + quicklink.
The advantage is that it provides a nice UX enhancement without adding a large JS payload.
Since @ilesjs leverages async module scripts and the components lifecycle, typically no changes are required.
1
2
Now using @vitest_dev for tests in @ilesjs!
The latest version of @ilesjs also adds an experimental command to run tests using @vitest_dev:
⌨️ iles test
Vitest is on closed beta, you can sponsor it to gain access
1
7
40
New @islands/excerpt module to extract excerpts from @mdx_js documents
📖 sets meta.excerpt, useful for SEO tags and RSS feeds
🏷 render HTML excerpt using MDX components
⚙️ provide custom logic to extract or custom separators
iles-docs.netlify.app/guide/…
1
8
New @islands/feed package to generate syndication feeds
📻 supports RSS, Atom, and JSON formats
💪🏼 strongly typed options and items
⚡️ HMR during development to debug the result
iles-docs.netlify.app/guide/…
1
3
22
iles@0.7 makes it easier to customize all pages ✨
🛣️ extendRoute can now access frontmatter
📄 extendFrontmatter can access the filename
🎣 new beforePageRender and onSiteRendered hooks
⚡ vitepress-compatibility mode with explicit .html urls
iles-docs.netlify.app/config…
1
8
îles retweeted
⚡️ vite@2.7.0 is out! vitejs.dev
Most collaborative release so far. Kudos to the whole ecosystem!
🎉 Revamped SSR dependency handling
🧩 API consolidation
🛑 server.fs.strict by default
⚠️ latest versions of plugins required github.com/vitejs/vite/blob/…
4
83
455
New @islands/prism package to highlight code blocks
💎 powered by PrismJS, supporting many languages
🔦 highlight specific lines
🔢 display line numbers
iles-docs.netlify.app/config…
1
11
Any îles users interested in a Recipes section in the docs with concise answers for common problems?
Let us know in the comments 😃🧵
2
2
6
îles retweeted
Jekyll is a major inspiration for
@ilesjs 😃
Started with îles after releasing jekyll-vite and feeling componentization was still awkward (include tags)
Avoiding FOUC and layout shifts by prerendering is also a benefit of the next gen tools, it results in a better UX
Does the Next Generation of Static Site Generators Make Building Sites Better? css-tricks.com/does-the-next…
1
4
iles@0.6.2 ships some quality of life improvements for MDX.
🚀 2x to 5x faster, no longer using babel thanks to xdm
🧱 MDX shortcodes, global overrides for tags like `img` and `a`
iles-docs.netlify.app/guide/…
13
îles retweeted
Check out this week's episode of #ViewsonVue with @MaximoMussini. Come to know about Îles and Islands Architecture
#Vue: Islands Architecture in Vue
rfr.bz/t3emmac rfr.bz/t3emmac
3
16
In iles@0.6.0 you no longer need to manually import usePage and friends.
✨ iles composables will now be automatically imported for you
⌨️ intellisense and typechecking work just like before
iles-docs.netlify.app/guide/…
4
îles retweeted
*Really* fascinated with where @ilesjs is going. Turns out, @vuejs is an excellent templating lang for partial hydration. Iles replicates @astrodotbuild's syntax and partial hydration within Vue and MDX 👀
Just look at this snippet!
iles-docs.netlify.app/
1
6
37
Now you can create modules for îles by running:
⌨️ npm init iles-module@next
iles@0.5.0 adds modules with full configuration access 🔌
A starter kit to create your own modules is coming soon!
In the meantime, you can read about the official modules 📖🎨
iles-docs.netlify.app/config…
1
4
iles@0.5.0 adds modules with full configuration access 🔌
A starter kit to create your own modules is coming soon!
In the meantime, you can read about the official modules 📖🎨
iles-docs.netlify.app/config…
1
2
11