Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/v4iv/theleakycauldronblog
My Personal Blog. Powered by Gatsby and Netlify CMS
https://github.com/v4iv/theleakycauldronblog
blog gatsby-blog gatsby-starter gatsbyjs netlify-cms shadcn-ui tailwindcss typescript
Last synced: 11 days ago
JSON representation
My Personal Blog. Powered by Gatsby and Netlify CMS
- Host: GitHub
- URL: https://github.com/v4iv/theleakycauldronblog
- Owner: v4iv
- License: other
- Created: 2018-04-09T13:07:39.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-09-24T10:55:16.000Z (about 1 month ago)
- Last Synced: 2024-10-11T13:24:56.633Z (27 days ago)
- Topics: blog, gatsby-blog, gatsby-starter, gatsbyjs, netlify-cms, shadcn-ui, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://theleakycauldronblog.com
- Size: 138 MB
- Stars: 39
- Watchers: 3
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE-code-snippets
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/theleakycauldronblog/deploys)
The Leaky Cauldron Blog
## ✨ Features
- TypeScript
- Lunr search
- Pagination
- SEO friendly (Head API, Slug, Sitemap, Robots.txt etc)
- Google Analytics & Disqus Comments with [Cloudflare Zaraz](https://www.cloudflare.com/application-services/products/zaraz/)
- Built with shadcn/ui (Tailwind CSS)
- Decap CMS(Netlify CMS) generated markdown pages with Prism code highlighting, social embedding etc
- Netlify Forms
- Dark Mode
## 🚀 Getting Started
1. **Create a Gatsby site.**
Use the Gatsby CLI to create a new site, specifying the blog starter.
```shell
# create a new Gatsby project
gatsby new {your-project-name} https://github.com/v4iv/theleakycauldronblog.git
```
2. **Start developing.**
Navigate to new site’s directory and start it up.
```shell
cd {your-project-name}/
yarn develop
```
### VS Code
Set up debugging in VS Code by adding the following to `launch.json`
```json
{
"name": "Gatsby Develop",
"type": "node",
"request": "launch",
"program": "${workspaceRoot}/node_modules/.bin/gatsby",
"args": [
"develop"
],
"env": {
"PARCEL_WORKERS": "0",
"GATSBY_CPU_COUNT": "2",
},
"runtimeArgs": [
"--nolazy"
],
"console": "integratedTerminal"
},
```
3. **Open the code and start editing!**
Your site is now running at !
Edit `src/pages` to see your site update in real-time!
4. **Customize**
You'll need to change the following files to make it fully yours, also make sure to not deploy the site with the blog posts written for [theleakycauldronblog.com](https://theleakycauldronblog.com):
- `gatsby-config.ts` : edit siteMetadata variable
- `locales/en/common.json` : react-i18next is being used to manage entire site's branding, though you can extend it to support multiple languages as well
- `static/admin/config.yml` : site url, default values
- `src/assets/avatar.png` : your brand icons
- `static/icon-*.png` : your brand icons
- `static/apple-touch-icon.png` : your brand icons
- `static/favicon.ico` : your brand icons
- `static/robots.txt` : sitemap url
4. **Learn more**
- [Documentation](https://www.gatsbyjs.com/docs/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
- [Tutorials](https://www.gatsbyjs.com/docs/tutorial/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
- [Guides](https://www.gatsbyjs.com/docs/how-to/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
- [API Reference](https://www.gatsbyjs.com/docs/api-reference/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
- [Plugin Library](https://www.gatsbyjs.com/plugins?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
- [Cheat Sheet](https://www.gatsbyjs.com/docs/cheat-sheet/?utm_source=starter&utm_medium=readme&utm_campaign=minimal-starter-ts)
## Built with Netlify
