diff --git a/examples/README.md b/examples/README.md index e3e295b6d71c..50caa7f1801b 100644 --- a/examples/README.md +++ b/examples/README.md @@ -1,6 +1,5 @@ # 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: ``` diff --git a/examples/basics/src/components/Card.astro b/examples/basics/src/components/Card.astro index 4039d4f4f84a..aea28c83f88e 100644 --- a/examples/basics/src/components/Card.astro +++ b/examples/basics/src/components/Card.astro @@ -4,7 +4,8 @@ export interface Props { body: string; href: string; } -const { href, title, body } = Astro.props; + +const { href, title, body } = Astro.props as Props; ---
  • @@ -69,6 +70,7 @@ const { href, title, body } = Astro.props; } .link-card:is(:hover, :focus-within) h2 span { + will-change: transform; transform: translateX(2px); } diff --git a/examples/basics/src/pages/index.astro b/examples/basics/src/pages/index.astro index cf05f0bb6111..1ca6b285c0ae 100644 --- a/examples/basics/src/pages/index.astro +++ b/examples/basics/src/pages/index.astro @@ -86,6 +86,7 @@ import Card from "../components/Card.astro"; border-radius: 4px; padding: 0.15em 0.25em; } + .link-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr)); diff --git a/examples/blog-multiple-authors/.gitignore b/examples/blog-multiple-authors/.gitignore deleted file mode 100644 index 02f6e50b494c..000000000000 --- a/examples/blog-multiple-authors/.gitignore +++ /dev/null @@ -1,19 +0,0 @@ -# build output -dist/ - -# dependencies -node_modules/ - -# logs -npm-debug.log* -yarn-debug.log* -yarn-error.log* -pnpm-debug.log* - - -# environment variables -.env -.env.production - -# macOS-specific files -.DS_Store diff --git a/examples/blog-multiple-authors/.npmrc b/examples/blog-multiple-authors/.npmrc deleted file mode 100644 index ef83021af3ec..000000000000 --- a/examples/blog-multiple-authors/.npmrc +++ /dev/null @@ -1,2 +0,0 @@ -# Expose Astro dependencies for `pnpm` users -shamefully-hoist=true diff --git a/examples/blog-multiple-authors/.stackblitzrc b/examples/blog-multiple-authors/.stackblitzrc deleted file mode 100644 index 43798ecff844..000000000000 --- a/examples/blog-multiple-authors/.stackblitzrc +++ /dev/null @@ -1,6 +0,0 @@ -{ - "startCommand": "npm start", - "env": { - "ENABLE_CJS_IMPORTS": true - } -} \ No newline at end of file diff --git a/examples/blog-multiple-authors/README.md b/examples/blog-multiple-authors/README.md deleted file mode 100644 index 6078a0bc896f..000000000000 --- a/examples/blog-multiple-authors/README.md +++ /dev/null @@ -1,54 +0,0 @@ -# Astro Starter Kit: Blog with Multiple Authors - -``` -npm init astro -- --template blog-multiple-authors -``` - -[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog-multiple-authors) - -> πŸ§‘β€πŸš€ **Seasoned astronaut?** Delete this file. Have fun! - -Features: - -- βœ… SEO-friendly setup with canonical URLs and OpenGraph data -- βœ… Full Markdown support -- βœ… RSS 2.0 generation -- βœ… Sitemap.xml generation - -## πŸš€ Project Structure - -Inside of your Astro project, you'll see the following folders and files: - -``` -/ -β”œβ”€β”€ public/ -β”‚ β”œβ”€β”€ robots.txt -β”‚ └── favicon.ico -β”œβ”€β”€ src/ -β”‚ β”œβ”€β”€ components/ -β”‚ β”‚ └── Tour.astro -β”‚ └── pages/ -β”‚ └── index.astro -└── package.json -``` - -Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name. - -There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components. - -Any static assets, like images, can be placed in the `public/` directory. - -## 🧞 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 | - -## πŸ‘€ Want to learn more? - -Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat). diff --git a/examples/blog-multiple-authors/astro.config.mjs b/examples/blog-multiple-authors/astro.config.mjs deleted file mode 100644 index 44cff71d3f96..000000000000 --- a/examples/blog-multiple-authors/astro.config.mjs +++ /dev/null @@ -1,9 +0,0 @@ -import { defineConfig } from 'astro/config'; -import preact from '@astrojs/preact'; - -// https://astro.build/config -export default defineConfig({ - // Enable the Preact integration to support Preact JSX components. - integrations: [preact()], - site: `http://astro.build`, -}); diff --git a/examples/blog-multiple-authors/package.json b/examples/blog-multiple-authors/package.json deleted file mode 100644 index a2dc398b455c..000000000000 --- a/examples/blog-multiple-authors/package.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "@example/blog-multiple-authors", - "version": "0.0.1", - "private": true, - "scripts": { - "dev": "astro dev", - "start": "astro dev", - "build": "astro build", - "preview": "astro preview" - }, - "devDependencies": { - "@astrojs/preact": "^0.5.2", - "astro": "^1.0.0-rc.6", - "sass": "^1.52.2" - }, - "dependencies": { - "preact": "^10.7.3" - } -} diff --git a/examples/blog-multiple-authors/public/favicon.ico b/examples/blog-multiple-authors/public/favicon.ico deleted file mode 100644 index 578ad458b890..000000000000 Binary files a/examples/blog-multiple-authors/public/favicon.ico and /dev/null differ diff --git a/examples/blog-multiple-authors/public/images/chapter-01.jpg b/examples/blog-multiple-authors/public/images/chapter-01.jpg deleted file mode 100644 index a848d3059480..000000000000 Binary files a/examples/blog-multiple-authors/public/images/chapter-01.jpg and /dev/null differ diff --git a/examples/blog-multiple-authors/public/images/chapter-02.jpg b/examples/blog-multiple-authors/public/images/chapter-02.jpg deleted file mode 100644 index 0a18c689d9ee..000000000000 Binary files a/examples/blog-multiple-authors/public/images/chapter-02.jpg and /dev/null differ diff --git a/examples/blog-multiple-authors/public/images/chapter-03.jpg b/examples/blog-multiple-authors/public/images/chapter-03.jpg deleted file mode 100644 index e3b6823cee7a..000000000000 Binary files a/examples/blog-multiple-authors/public/images/chapter-03.jpg and /dev/null differ diff --git a/examples/blog-multiple-authors/public/images/don.jpg b/examples/blog-multiple-authors/public/images/don.jpg deleted file mode 100644 index 4419679de527..000000000000 Binary files a/examples/blog-multiple-authors/public/images/don.jpg and /dev/null differ diff --git a/examples/blog-multiple-authors/public/images/sancho.jpg b/examples/blog-multiple-authors/public/images/sancho.jpg deleted file mode 100644 index 2c2b0c6bdf64..000000000000 Binary files a/examples/blog-multiple-authors/public/images/sancho.jpg and /dev/null differ diff --git a/examples/blog-multiple-authors/sandbox.config.json b/examples/blog-multiple-authors/sandbox.config.json deleted file mode 100644 index 9178af77d7de..000000000000 --- a/examples/blog-multiple-authors/sandbox.config.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "infiniteLoopProtection": true, - "hardReloadOnChange": false, - "view": "browser", - "template": "node", - "container": { - "port": 3000, - "startScript": "start", - "node": "14" - } -} diff --git a/examples/blog-multiple-authors/src/components/MainHead.astro b/examples/blog-multiple-authors/src/components/MainHead.astro deleted file mode 100644 index be3584519b78..000000000000 --- a/examples/blog-multiple-authors/src/components/MainHead.astro +++ /dev/null @@ -1,49 +0,0 @@ ---- -import "../styles/global.css"; - -export interface Props { - title: string; - description: string; - image?: string; - type?: string; - next?: string; - prev?: string; - canonicalURL?: string | URL; -} - -const { title, description, image, type, next, prev, canonicalURL } = Astro.props as Props; ---- - - - -{title} - - - - - - - - - - - - - -{next && } -{prev && } - - - - -{image && } - - - - - - -{image && } diff --git a/examples/blog-multiple-authors/src/components/Nav.astro b/examples/blog-multiple-authors/src/components/Nav.astro deleted file mode 100644 index a2a5fc3a37b6..000000000000 --- a/examples/blog-multiple-authors/src/components/Nav.astro +++ /dev/null @@ -1,63 +0,0 @@ ---- -export interface Props { - title: string; -} -const { title } = Astro.props; ---- - - - - diff --git a/examples/blog-multiple-authors/src/components/Pagination.astro b/examples/blog-multiple-authors/src/components/Pagination.astro deleted file mode 100644 index f31f00776a2e..000000000000 --- a/examples/blog-multiple-authors/src/components/Pagination.astro +++ /dev/null @@ -1,44 +0,0 @@ ---- -export interface Props { - prevUrl: string; - nextUrl: string; -} - -const { prevUrl, nextUrl } = Astro.props; ---- - -
    - -
    - - diff --git a/examples/blog-multiple-authors/src/components/PostPreview.astro b/examples/blog-multiple-authors/src/components/PostPreview.astro deleted file mode 100644 index cf1579203778..000000000000 --- a/examples/blog-multiple-authors/src/components/PostPreview.astro +++ /dev/null @@ -1,66 +0,0 @@ ---- -export interface Props { - post: any; - author: string; -} -const { post, author } = Astro.props; -const { frontmatter } = post; - -function formatDate(date) { - return new Date(date).toUTCString().replace(/(\d\d\d\d) .*/, "$1"); // remove everything after YYYY -} ---- - -
    -
    -

    {frontmatter.title}

    - {author.name} - -

    - {frontmatter.description} - Read -

    -
    -
    - - diff --git a/examples/blog-multiple-authors/src/data/authors.json b/examples/blog-multiple-authors/src/data/authors.json deleted file mode 100644 index 1eeff3766257..000000000000 --- a/examples/blog-multiple-authors/src/data/authors.json +++ /dev/null @@ -1,10 +0,0 @@ -{ - "don": { - "name": "Don Quixote", - "image": "/images/don.jpg" - }, - "sancho": { - "name": "Sancho Panza", - "image": "/images/sancho.jpg" - } -} diff --git a/examples/blog-multiple-authors/src/layouts/post.astro b/examples/blog-multiple-authors/src/layouts/post.astro deleted file mode 100644 index 8aaa5ba5e16e..000000000000 --- a/examples/blog-multiple-authors/src/layouts/post.astro +++ /dev/null @@ -1,82 +0,0 @@ ---- -import MainHead from "../components/MainHead.astro"; -import Nav from "../components/Nav.astro"; - -const { content } = Astro.props; -const canonicalURL = new URL(Astro.url.pathname, Astro.site); ---- - - - - {content.title} - - - - - -