https://github.com/accessibility-cool/blog

Our current website and blog hosted on netlify.
https://github.com/accessibility-cool/blog

ghost-blog netlify shadcn-ui svelte sveltekit

Last synced: 9 days ago
JSON representation

Our current website and blog hosted on netlify.

• Host: GitHub
• URL: https://github.com/accessibility-cool/blog
• Owner: accessibility-cool
• Created: 2024-08-03T14:28:40.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-08-13T09:05:05.000Z (about 2 months ago)
• Last Synced: 2024-09-18T14:54:08.492Z (17 days ago)
• Topics: ghost-blog, netlify, shadcn-ui, svelte, sveltekit
• Language: Svelte
• Homepage: https://blog.accessibility.cool
• Size: 539 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# accessibility.cool SvelteKit Website and Blog

[![Netlify Status](https://api.netlify.com/api/v1/badges/e184e4e1-ce21-4a75-b597-f18c1d67bc68/deploy-status)](https://app.netlify.com/sites/a11y-cool/deploys)

This is our current blog and website template hosted on netlify.

## Features

- ⚡️ **Super fast static site generation with hydration**. Every route is

  compiled down to static HTML and routed with (optional) JavaScript, thanks to

  the SvelteKit static adapter (pre-installed)

- 📦 **Zero-config preloading** for automatic, fast background preloading of all

  top-level pages

- ✍️ **Markdown support** with a pre-configured blog

  - 📑 **Pagination** included (_can customize posts per page_)

  - ✅ **Category pages** included

  - 💬 **Posts JSON API**

- 📝 **mdsvex** pre-installed--use Svelte components inside Markdown!

  - 🔗 **Rehype** plugins are included to generate unique heading IDs, for

    direct linking

- 📱 **Responsive and accessible defaults**; includes a "skip to content" link

  and accessible mobile nav menu

- 🔄 **Page transitions** (_fancy!_)

- 🔎 **Basic SEO** for blog posts (_strongly recommend checking that out for

  yourself, though_)

- 📰 **RSS feed** set up and ready to go (_though it could also likely benefit

  from some optimization_); just update `src/lib/config.js`

- ℹ️ **Fonts included**. (No more built-in Google tracking. & GDPR compliant)

## Quick Start

`pnpm run dev`

## TODO

- refactor to use TS instead of JS

- preprocess CSS with SCSS

- integrate tailwind.css

- use shadcn/svelte components

- add hero section

- filter blog posts with tags

- remove mdsvex and use graphql ghost API

- use new container breakpoint queries in css with grid

- refactor animations

- use default light or darkmode based on a users system setting

- add favicon