astro/examples
Rychardt Rothwërkz 0cf0b2e2d0 improve performance by adding another preconnect (#3737)
* improve performance by adding another preconnect

This is the code Google Fonts officially provides.

The reason for adding a secound url is that the link:
https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap

lists src urls like this:
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v11/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeAZ9hiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

so for better performance both urls needs to be preconnected.

* Update examples/portfolio/src/components/MainHead.astro

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
2022-06-28 10:13:06 -07:00
..
basics [ci] release (#3733) 2022-06-28 15:11:59 +00:00
blog [ci] release (#3733) 2022-06-28 15:11:59 +00:00
blog-multiple-authors [ci] release (#3733) 2022-06-28 15:11:59 +00:00
component [ci] release (#3733) 2022-06-28 15:11:59 +00:00
docs [ci] release (#3733) 2022-06-28 15:11:59 +00:00
env-vars [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-alpine [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-lit [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-multiple [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-preact [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-react [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-solid [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-svelte [ci] release (#3733) 2022-06-28 15:11:59 +00:00
framework-vue [ci] release (#3733) 2022-06-28 15:11:59 +00:00
integrations-playground [ci] release (#3733) 2022-06-28 15:11:59 +00:00
minimal [ci] release (#3733) 2022-06-28 15:11:59 +00:00
non-html-pages [ci] release (#3733) 2022-06-28 15:11:59 +00:00
portfolio improve performance by adding another preconnect (#3737) 2022-06-28 10:13:06 -07:00
ssr [ci] release (#3733) 2022-06-28 15:11:59 +00:00
starter [ci] release (#3733) 2022-06-28 15:11:59 +00:00
subpath [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-markdown [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-markdown-plugins [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-markdown-shiki [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-nanostores [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-tailwindcss [ci] release (#3733) 2022-06-28 15:11:59 +00:00
with-vite-plugin-pwa [ci] release (#3733) 2022-06-28 15:11:59 +00:00
README.md Docs: npm@7 requires an extra -- for arguments passed to the command, per @natemoo-re's description. (#786) 2021-07-20 20:06:11 -05:00

Astro Examples Library

The easiest way to check out one of these examples on your machine is by running this command in an empty directory:

npm init astro -- --template [EXAMPLE_NAME]

Community Examples

Visit awesome-astro for a full list of community examples. You can use npm init astro to check out any community examples:

npm init astro -- --template [GITHUB_USER]/[REPO_NAME]

Paths to examples nested inside of a repo are also supported:

npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example