/tinypages

⚛ At times you might wanna do something small without losing SEO, tinypages for the win ! (WIP)

Primary LanguageTypeScriptMIT LicenseMIT

awesome-stack hero icon

tinypages

⚡ At times you might wanna do something small with losing SEO, tinypages for the win!

Issue Badge Stars Badge


tinypages is a Vite based SSG, using markdown interpolated with Preact components to build MPA websites tiny and fast! The main aim of this project is to leverage vitejs to provide a tight knit dev experience and optimized builds for prod

Features

  • 🔌 Supercharged markdown syntax
  • 🏝️ Islands architecture with partial hydration support
  • ⏩ Fast builds facilitated by granular caching with support for incremental rebuilds!
  • 🔋 First class integration with preact!
  • 🎯 tiny client foot print (~ 3kb)
  • ⚡️ Fast and granular HMR via million and prefresh!
  • 📂 Fast File based routing with auto type generation and remix like layout system!
  • 📑 Layout system support
  • 📲 PWA ready
  • 🎨 UnoCSS - default integration with unocss with proper HMR and dev tools support
  • 🍱 Use any icon directly in markdown or in preact components!
  • 🔥 Suspense support and easy component based code splitting!
  • 🖨 Static-site generation (SSG) at build time
  • 🦔 Critical CSS via critters
  • 🦦 SEO goodies: on demand lighthouse score with unlighthouse, auto rss generation by analysing schema
  • ⚙️ Unit Testing with Vitest and Enzyme
  • 🔨 Smart link prefetching support!
  • 📦 Components auto imported in markdown
  • 🗜 Use Liquidjs templating in markdown for preactjs components
  • 🦾 All batteries included: flexible build process, image optimization support, live debugging and designing, grammar checking, component error boundaries during dev

Note

The framework is heavy WIP with most of the features still being implemented, lookout for a beta version in the near future

Test

  • cd into vite and compiler and run yarn build
  • cd into playground and run node index.mjs