More Premium Hugo Themes Premium Astro Themes

Astro Nannou Starter

A minimal boilerplate for Astro / Vite with the Nannou creative framework (Rust → WASM). Supports multiple sketches + hot-reload.

Astro Nannou Starter

A minimal boilerplate for Astro / Vite with the Nannou creative framework (Rust → WASM). Supports multiple sketches + hot-reload.

Author Avatar Theme by juliancataldo
Github Stars Github Stars: 32
Last Commit Last Commit: Jan 4, 2023 -
First Commit Created: Dec 18, 2023 -
Astro Nannou Starter screenshot

Overview:

The Astro x Nannou Starter is a project that combines the Astro static site generator with the Nannou creative coding framework. It allows users to easily create static websites with dynamic sketch switching and the ability to display multiple sketches on a single page without the need for iframes.

Features:

  • Dynamic Sketch Switcher: The Astro x Nannou Starter enables dynamic sketch switching, allowing users to easily switch between different sketches on their static website.
  • Multiple Sketches per Page: Users can display multiple sketches on a single page without the need for iframes, providing a seamless and integrated user experience.
  • Integration with Astro and Nannou: This project integrates the Astro static site generator with the Nannou creative coding framework, providing a powerful combination for building interactive websites.

Installation:

To install and use the Astro x Nannou Starter, follow these steps:

  1. Clone the GitHub repository: git clone [repository-url]
  2. Navigate to the project directory: cd astro-x-nannou-starter
  3. Install the project dependencies: npm install
  4. Build the project: npm run build
  5. Start the local development server: npm run start

You can now access the Astro x Nannou Starter in your web browser at http://localhost:3000.

Summary:

The Astro x Nannou Starter is a powerful and user-friendly project that combines the Astro static site generator with the Nannou creative coding framework. It provides dynamic sketch switching and the ability to display multiple sketches on a single page, making it an ideal choice for creating interactive and engaging static websites.