michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity
astro/examples/view-transitions
History
Matthew Phillips e6be2d8146
Add View Transitions announcer (#8621) 
* Add View Transitions announcer

* fix astro check

* Append the text in a setTimeout

* Use 60 for the timeout

* Add comment on magic number

* Add a changeset

* Update .changeset/small-rules-relax.md

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>

* Bring back announce logic

* Remove mention of env file

---------

Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
2023-09-27 15:21:56 -04:00
..
public Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
src Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
astro.config.mjs Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
package.json Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
README.md Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
tailwind.config.cjs Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00
tsconfig.json Add View Transitions announcer (#8621) 2023-09-27 15:21:56 -04:00

README.md

Astro Movies View Transitions Demo

👉🏽 Live Demo

Screenshot

🚀 Getting Started

  1. Clone this repository and install dependencies with npm install.
  2. Start the project locally with npm run dev, or deploy it to your favorite server.
  3. Have fun! ✨

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:3000
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying
npm run astro ... Run CLI commands like astro add, astro check
npm run astro --help Get help using the Astro CLI

👀 Want to learn more?

Check out Astro's documentation or jump into their Discord server.

You can also reach out to Maxi on Twitter.