Rise25

Website for the 2023 State of Mozilla competition winners

Stack

Simplified stack for a flat, single-page site.

• Vite for frontend tooling / build
• Typescript for programming language
• Alpine.js for frontend interactivity and state management
• Tailwind CSS for styling
• Netlify for deployment

  c7c7dd78b3c89042d30f7226b7f73daf901c1daa

Local Development

# install dependencies if you haven't already
npm install

# run dev server and check your console for the local URL
npm run dev

• index.html file is the entrypoint for the site.
• src/articles contains content for articles.
• src/testimonies contains "Why Mozilla" content.
• src/styles directory contains all the Tailwind CSS styles.
• src/assets directory contains all the static assets.

Deployment

This site uses Netlify for deployment. Any changes to the main branch will be automatically deployed to a preview site, and changes to the prod branch will be automatically deployed to the production site.