gromann / the-koi-experiment

The newest version of the Koi

Blogger

A Nuxt 3 Blog Template styled with Tailwind CSS with Firebase integration. Comes with a Rich Text Editor from TipTap and image uploads with Cloudinary.

Deploy it on Vercel with a click.

Accessing Admin panel

Once your app is deployed on Vercel, access the admin panel at your-site-name.vercel.app/admin.

Create a user on Firebase and use those credentials to sign in.

If you have not added/used Firestore in your project, make sure to activate it by clicking the Create Database button on Firestore Console.

Install TipTap

# install tiptap
npm install @tiptap/vue-3 @tiptap/starter-kit @tiptap/extension-underline @tiptap/extension-text-align @tiptap/extension-placeholder @tiptap/extension-image @tiptap/extension-heading @tiptap/extension-code @tiptap/extension-character-count @tiptap/extension-bubble-menu @tiptap/extension-link @tiptap/extension-highlight @tiptap/extension-youtube @tiptap/extension-code-block-lowlight

npm install -D @tailwindcss/typography

# update tailwind.config.js
plugins: [require('@tailwindcss/typography'),],

Install @iconify-prerendered

npm i @iconify-prerendered/vue-fa6-solid
npm i @iconify-prerendered/vue-fa6-regular
npm i @iconify-prerendered/vue-fa6-brands

<script setup>
import { IconAccount } from '@iconify-prerendered/vue-mdi' 
</script>

<template>
<a>
  <IconAccount/>
  Go to account
</a>
</template>