Svelte Blogger screenshot

Svelte Blogger

Author Avatar Theme by Lipej
Updated: 16 Feb 2022
6 Stars

This is a blog built with sveltekit, tailwind and daisyUI, using GraphQL and markdown

Categories

Overview

Svelte Blogger is a blog built with SvelteKit, Tailwind, and DaisyUI. It is designed to be used as a personal blog. The app utilizes GraphQL and markdown to write posts. It has both a dark and light theme, as well as code blocks with syntax highlighting using the JetBrains Mono font.

Features

  • Built with SvelteKit, Tailwind, and DaisyUI
  • Utilizes GraphQL and markdown for writing posts
  • Supports both dark and light themes
  • Code blocks with syntax highlighting using the JetBrains Mono font

Installation

To use Svelte Blogger, follow these steps:

  1. Fork or clone the repository.
  2. Set up a GraphQL API. The recommended option is GraphCMS.
  3. Configure your GraphQL host URI and token in the environment variables.
  4. Open the config folder in the src directory and modify the base.ts file with your configurations.
  5. Install the project dependencies by running npm install (or pnpm install or yarn).
  6. Start a development server by running npm run dev.
  7. To create a production version of the app, run npm run build.
  8. Preview the production build with npm run preview.
  9. To deploy the app, install an adapter for your target environment.

Summary

Svelte Blogger is a blog built with SvelteKit, Tailwind, and DaisyUI. It provides an easy-to-use platform for creating a personal blog with features like GraphQL integration, markdown support, and customizable themes. The installation process is straightforward, and the app can be quickly deployed to production.