uses: 41624e65228293a1622b9eee3a435699801dead1
This data as json
| _id | _path | text | html | title | summary | order |
|---|---|---|---|---|---|---|
| 41624e65228293a1622b9eee3a435699801dead1 | for/websites.md | Datasette templates can be used to build custom websites with Datasette under the hood. Examples include the site you are browsing right now. ## [datasette.io](https://datasette.io/) The official Datasette website runs on top of a customized Datasette instance. - [datasette.io, an official project website for Datasette](https://simonwillison.net/2020/Dec/13/datasette-io/) talks through the basics of how the site works. - [Building a search engine for datasette.io](https://simonwillison.net/2020/Dec/19/dogsheep-beta/) explains how the [site search](https://datasette.io/-/beta) works, using the [dogsheep-beta](https://datasette.io/plugins/dogsheep-beta) search plugin. - [The Baked Data architectural pattern](https://simonwillison.net/2021/Jul/28/baked-data/) describes the Baked Data architecture pattern used by the site, and provides a detailed description of how the build scripts for the site work. - [github.com/simonw/datasette.io](https://github.com/simonw/datasette.io) has the full source code for the site, including the GitHub Actions workflows that build the databases and deploy them to Google Cloud Run. - [datasette.io/content](https://datasette.io/content) is the Datasette interface for the main database that powers the site. ## [til.simonwillison.net](https://til.simonwillison.net/) A blog sharing TILs - Today I Learned snippets. - [Using a self-rewriting README powered by GitHub Actions to track TILs](https://simonwillison.net/2020/Apr/20/self-rewriting-readme/) introduces the site. - The site uses the [datasette-atom](https://datasette.io/plugins/datasette-atom) plugin to provide an Atom feed of new entries. - [til.simonwillison.net/tils](https://til.simonwillison.net/tils) exposes the underlying database. - The site is deployed to [Vercel](https://vercel.com/) using the [datasette-publish-vercel](https://datasette.io/plugins/datasette-publish-vercel) plugin. ## [Niche Museums](https://www.niche-museums.com/) [www.niche-museums.com](https://www.niche-museums.com/) is a directory of small and niche museums, powered by Datasette. Read [niche-museums.com, powered by Datasette](https://simonwillison.net/2019/Nov/25/niche-museums/) for details, or browse [the code](https://github.com/simonw/museums) on GitHub. ## [Rocky Beaches](https://www.rockybeaches.com/us/pillar-point) [Rocky Beaches](https://www.rockybeaches.com/us/pillar-point) by Natalie Downe shows the best times to go tidepooling at Pillar Point near Half Moon Bay, California. It runs on Datasette, using SQL queries to suggest the best times to go based on low tide times and sunrise/sunset and display recent observations recorded on [iNaturalist](https://www.inaturalist.org/). The source code is available at [github.com/natbat/rockybeaches](https://github.com/natbat/rockybeaches). The site uses the [datasette-graphql](https://datasette.io/plugins/datasette-graphql) in some of the templates, for example [here](https://github.com/natbat/rockybeaches/blob/e072d48479f1404baa206ee660ad228d9f95ac7a/templates/row-data-places.html#L273-L290). | <p>Datasette templates can be used to build custom websites with Datasette under the hood. Examples include the site you are browsing right now.</p> <h2><a href="https://datasette.io/">datasette.io</a></h2> <p>The official Datasette website runs on top of a customized Datasette instance.</p> <ul> <li><a href="https://simonwillison.net/2020/Dec/13/datasette-io/">datasette.io, an official project website for Datasette</a> talks through the basics of how the site works.</li> <li><a href="https://simonwillison.net/2020/Dec/19/dogsheep-beta/">Building a search engine for datasette.io</a> explains how the <a href="https://datasette.io/-/beta">site search</a> works, using the <a href="https://datasette.io/plugins/dogsheep-beta">dogsheep-beta</a> search plugin.</li> <li><a href="https://simonwillison.net/2021/Jul/28/baked-data/">The Baked Data architectural pattern</a> describes the Baked Data architecture pattern used by the site, and provides a detailed description of how the build scripts for the site work.</li> <li><a href="https://github.com/simonw/datasette.io">github.com/simonw/datasette.io</a> has the full source code for the site, including the GitHub Actions workflows that build the databases and deploy them to Google Cloud Run.</li> <li><a href="https://datasette.io/content">datasette.io/content</a> is the Datasette interface for the main database that powers the site.</li> </ul> <h2><a href="https://til.simonwillison.net/">til.simonwillison.net</a></h2> <p>A blog sharing TILs - Today I Learned snippets.</p> <ul> <li><a href="https://simonwillison.net/2020/Apr/20/self-rewriting-readme/">Using a self-rewriting README powered by GitHub Actions to track TILs</a> introduces the site.</li> <li>The site uses the <a href="https://datasette.io/plugins/datasette-atom">datasette-atom</a> plugin to provide an Atom feed of new entries.</li> <li><a href="https://til.simonwillison.net/tils">til.simonwillison.net/tils</a> exposes the underlying database.</li> <li>The site is deployed to <a href="https://vercel.com/">Vercel</a> using the <a href="https://datasette.io/plugins/datasette-publish-vercel">datasette-publish-vercel</a> plugin.</li> </ul> <h2><a href="https://www.niche-museums.com/">Niche Museums</a></h2> <p><a href="https://www.niche-museums.com/">www.niche-museums.com</a> is a directory of small and niche museums, powered by Datasette. Read <a href="https://simonwillison.net/2019/Nov/25/niche-museums/">niche-museums.com, powered by Datasette</a> for details, or browse <a href="https://github.com/simonw/museums">the code</a> on GitHub.</p> <h2><a href="https://www.rockybeaches.com/us/pillar-point">Rocky Beaches</a></h2> <p><a href="https://www.rockybeaches.com/us/pillar-point">Rocky Beaches</a> by Natalie Downe shows the best times to go tidepooling at Pillar Point near Half Moon Bay, California. It runs on Datasette, using SQL queries to suggest the best times to go based on low tide times and sunrise/sunset and display recent observations recorded on <a href="https://www.inaturalist.org/">iNaturalist</a>.</p> <p>The source code is available at <a href="https://github.com/natbat/rockybeaches">github.com/natbat/rockybeaches</a>. The site uses the <a href="https://datasette.io/plugins/datasette-graphql">datasette-graphql</a> in some of the templates, for example <a href="https://github.com/natbat/rockybeaches/blob/e072d48479f1404baa206ee660ad228d9f95ac7a/templates/row-data-places.html#L273-L290">here</a>.</p> | Datasette for websites | Datasette can be used to power dynamic-static websites: sites that run on serverless hosting while providing dynamic data-backed functionality. | 3 |