summaryrefslogtreecommitdiff
path: root/docs/src/pages/examples-and-templates.astro
blob: aff58a932d5eb4c35b38ddb4a7812ef0f4494fe6 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
---

import Layout from '../layouts/MainLayout.astro';
import {Markdown} from 'astro/components'
import Examples from '../components/Examples/Examples.astro'

import Thumbnail from '../components/Examples/Thumbnail.astro'
const githubEditUrl = "https://github.com/snowpackjs/astro/tree/main/docs/src/pages/examples-and-templates.astro"
const title = 'Examples & Templates'


---

<Layout content={{title:title,astro:{headers:examplesHeaders},page:'/examples-and-templates',githubEditUrl:githubEditUrl}}>
    <Markdown>
       
        We encourage you to freely explore our collection of ready-made templates containing a multitude of examples on how to apply Astro to a variety of use-cases. i.e: various UI frameworks, State Management Tools, and of course TailwindCSS
    </Markdown>
    <!-- <Examples/> -->
    <Thumbnail/>
    <Markdown>
        
        ##  Community Templates
        
        Visit [Awesome-Astro](https://github.com/one-aalam/awesome-astro) for a full list of community examples. You can use `npm init astro` to check out any of the community examples

        ```bash
        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]
        npm init astro -- --template [GITHUB_USER]/[REPO_NAME]/path/to/example
        ```
    </Markdown>

</Layout>