astro/examples/snowpack
Matthew Phillips d9084ff4ad
Implement fallback capability (#44)
* Implement fallback capability

This makes it possible for a dynamic component to render fallback content on the server.

The mechanism is a special `static` prop passed to the component. If `static` is true then the component knows it can render static content.

Putting aside the word `static`, is this the right approach? I think giving components the flexibility to make the decision themselves *is* the right approach.

However in this case we have a special property that is passed in non-explicitly. I think we have to do it this way because if the caller passes in a prop it will get serialized and appear on the client. By making this something we *add* during rendering, it only happens on the server (and only when using `:load`).

Assuming this is the right approach, is `static` the right name for this prop? Other candidates:

* `server`

That's all I have!

* Use `import.meta.env.astro` to tell if running in SSR mode.

* Run formatter
2021-03-31 16:10:27 -04:00
..
astro Implement fallback capability (#44) 2021-03-31 16:10:27 -04:00
public Improve styles (#30) 2021-03-25 18:23:45 -06:00
.gitignore First pass at the build (#27) 2021-03-25 14:06:08 -04:00
.prettierrc Add snowpack as an example project. (#11) 2021-03-19 17:17:38 -04:00
.stylelintrc.js Add snowpack as an example project. (#11) 2021-03-19 17:17:38 -04:00
astro.config.mjs Bundling! 🤘 (#36) 2021-03-30 09:24:26 -04:00
LICENSE Add snowpack as an example project. (#11) 2021-03-19 17:17:38 -04:00
package-lock.json Fix nested parens bug (#39) 2021-03-30 10:37:04 -06:00
package.json Absorb Snowpack config inside Astro (#32) 2021-03-26 13:14:32 -06:00
README.md Add snowpack as an example project. (#11) 2021-03-19 17:17:38 -04:00
vercel.json Add snowpack as an example project. (#11) 2021-03-19 17:17:38 -04:00

Astro Demo

Getting setup

  1. Checkout Astro at: https://github.com/snowpackjs/astro

    1. Install and build Astro:
    npm install
    npm run build
    
    1. Link Astro:
    npm link
    
  2. In this project link Astro and install other deps:

npm link astro
npm install
  1. Run the Astro dev environment.
npm run start
  1. Build the website. (Not yet working.)
npm run build