Skip to content

Sample project of UI construction with Alpine.js and htmx and server-side rendering with Astro.

Notifications You must be signed in to change notification settings

ticlaudeberube/astro-alpine-htmx-sample

 
 

Repository files navigation

htmx and Alpine.js application sample with Astro

This project is a practical example of the HTML Driven frontend architecture covered in (TODO).

Start dev server

  1. Enables the use of Node.js. Check the .node-version file in the root directory for the version.
  2. Install dependencies with yarn command.
  3. Start the development server with the yarn dev command and open http://localhost:4321/ in your browser.

Commands

Command Action
yarn Installs dependencies
yarn dev Starts local dev server at localhost:4321
yarn build Build your production site to ./dist/
yarn preview Preview your build locally, before deploying
yarn type-check Check types by astro check and tsc
yarn lint Check code by ESLint
yarn fix format code by Prettier and ESLint
yarn astro ... Run CLI commands like astro add, astro check

About

Sample project of UI construction with Alpine.js and htmx and server-side rendering with Astro.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Astro 61.1%
  • TypeScript 20.9%
  • HTML 15.9%
  • JavaScript 2.1%