Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fayazara/logspot
Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss.
https://github.com/fayazara/logspot
nuxt tailwindcss vuejs
Last synced: about 4 hours ago
JSON representation
Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss.
- Host: GitHub
- URL: https://github.com/fayazara/logspot
- Owner: fayazara
- Created: 2022-07-09T20:03:34.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-17T12:42:34.000Z (3 months ago)
- Last Synced: 2024-12-15T01:05:59.604Z (7 days ago)
- Topics: nuxt, tailwindcss, vuejs
- Language: Vue
- Homepage: https://logspot.vercel.app
- Size: 1.5 MB
- Stars: 193
- Watchers: 2
- Forks: 34
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome - fayazara/logspot - Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss. (Vue)
README
[
](https://supersaas.dev?ref=github-logspot)
# Logspot
Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss.
How it works?
1. Each `.md` file in `/content/posts/` counts as one changelog post, logspot uses the [nuxt content module](https://content.nuxtjs.org/)
### Features
1. Markdown support
2. Icons support using Iconify
3. Code syntax highlighting using Shiki.js
4. Frontmatter - dates, author supported
5. Vue components inside markdown using Nuxt contents MDC format - More on this [here](https://content.nuxtjs.org/guide/writing/mdc)
6. Icons support - `:icon{name="ph:user-circle-duotone"}` will show a user icon - find more icons at https://icones.js.org
7. Alert component with icon, title and description.
Format
```
::alert
---
icon: fluent:error-circle-24-regular
title: This is alert with default variant colors.
description: This will pick up colors from your primary color set in the tailwind config file. You can use this to show some kind of message to your users.
---
::
```
This above content will render a alert component, something like this
8. Widget page, Logspot also has a page specifically meant for widgets, here's an [example](https://logspot.vercel.app/test)
https://user-images.githubusercontent.com/15716057/215352102-7796a751-a18f-499b-8302-700092b739f1.mp4
## Setup Locally
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
```
## Development Server
Start the development server on http://localhost:3000
```bash
npm run dev
```
## Production
Build the application for production:
```bash
npm run build
```
Locally preview production build:
```bash
npm run preview
```
Checkout the [deployment documentation](https://v3.nuxtjs.org/guide/deploy/presets) for more information.