Astro Nannou Starter screenshot

Astro Nannou Starter

Author Avatar Theme by Juliancataldo
Updated: 4 Jan 2023
32 Stars

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

Categories

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.