nuxt3-blog

Description

This is a work in progress project based on Nuxt 3, Tailwind CSS and Notion API

You can see the demo here.

Stack

Environment variables setup

NOTION_API_TOKEN=your_notion_integration_token
NOTION_POST_DATABASE=your_notion_posts_database

Notion database template

Title	Description	Category	Author	Date	Visible
type: `Key`	type: `Text`	type: `Multi-select`	type: `User`	type: `Date`	type: `Checkbox`

Notion compontents

Block type	Status	Comment
Heading 1	✅
Heading 2	✅
Heading 3	✅
Toggle heading 1	✅
Toggle heading 2	✅
Toggle heading 3	✅
Paragraph	✅
Rich text	✅
To-do list	✅
Bullet list	✅
Table	✅
Toggle	✅
Quote	✅
Divider	✅
Page link	✅
Callout	✅
Table of contents	✅
Block equation	✅
Image	✅
Emoji	✅
Bookmark	✅
Synced block	✅
User mention	✅	Works, just highlights the user
Code	✅ 🔨	Works without syntax highlighting - will implement something like `highlight.js` later
Numbered list	🔨
Subpage	🔨	It has to have the same properties as the parent article, will fix it later
Page mention	🔨	Works, but for articles - not for subpages
Date mention	🔨	Formatting still to do
Inline Equation	🔨	For now inline displays as a block - will fix it later
Video	🔨	To do
Audio	🔨	To do
File	🔨	To do
Embed	🔨	To do
Child database	❌	Not implementing
Breadcrumb	❌	Not implementing
Button	❌	Not implementing

Nuxt3 starter with tailwindcss, prisma, vueuse, formkit, iconify

2 Jun 30, 2022

An application / authentication starter kit frontend in Nuxt3 for Laravel Breeze.

Laravel Breeze - Nuxt3 Edition 🏝️ Introduction Based on the work made at breeze-next This repository is an implementation of the Laravel Breeze appli

35 Jan 8, 2023

Simple boilerplate with nuxt + tailwind + supabase for your project

Nuxt + Tailwind + Supabase Clone to your own project $ git clone https://github.com/aripadrian/nuxt-supabase-tailwind-boilerplate.git your-project-nam

1 Dec 30, 2021

🍃 Windi CSS for Nuxt.js ⚡

nuxt-windicss Windi CSS for Nuxt.js! ⚡️ Next generation utility-first CSS framework. Features 🧩 On-demand CSS utilities (Compatible with Tailwind CSS

328 Dec 22, 2022

This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

8 Dec 20, 2022

nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Nuxt fullpage Nuxt module for creating fullscreen page scroll fast and simple. Demo online Table of contents Installation Usage Options Contributing I

16 Dec 30, 2022

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

470 Jan 2, 2023

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

20 May 27, 2022

🖼Portfolio built with Nuxt and Nuxt Content

6 Jan 8, 2023

Comments

Trying to deploy to netlify and a little confused on build commands.
Hi, we have been tinkering around with your repo and it's awesome. We have it working on the local side of things using either npm run dev or yarn dev and we having it getting all data from Notion correctly. I have 2 questions that I'm hoping you might he able to help with. We are noobs to Nuxt3 but loving it so far. And we are Notion enthusiast and would love to use it as our backend CMS. Any and all guidance would be much appreciated. Thank you for your time in advance.

Question :

Should we use npm, yarn or nuxt as our package managers

I'm confused on if we need to yarn build or yarn generate first and then somehow tell Netlify that we are doing that through their build process.

When deploying on Netlify what should our build settings be.

Sincerely, Lee Kancher Cheers
opened by Right-Brain-Group 3