Skip to content

v4iv/theleakycauldronblog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Netlify Status

Gatsby

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

  • 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.

    # 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.

    cd {your-project-name}/
    yarn develop

    VS Code

    Set up debugging in VS Code by adding the following to launch.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 http://localhost:8000!

    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:

    • 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

  5. Learn more

Built with Netlify