Nuxt 3 + Typescript + Nuxt UI + Blogger
Blogger made by Nuxt 3
Getting Started
pnpm dev
pnpm build
Packages
- @nuxt/content: Content made easy for Vue Developers
- @nuxt/img - Nuxt Image module
- @nuxt/ui - Main UI Framework
- @nuxt-themes/typograhpy - Typography
- @nuxtjs/google-fonts - Google fonts
- @nuxtjs/i18n - vueI18n module for Nuxt 3
- @nuxt/devtools - Nuxt devtool. It's currently beta.
- nuxt-simple-robots - generate robots.txt
- nuxt-simple-sitemap - generate sitemap
- nuxt-gtag - Google Analytics
- remark-reading-time - Add reading time
- @iconify/json - Fix error Icon in Nuxt UI
- sass - Sass/Scss
- eslint - Eslint
- change-case - Change Case Monorepo
- tailwindcss-animated - animation plugin for Tailwind CSS
:file_folder: Folder structure
See more detail to click the Link
├─ .github/ # Files Relative wth Github (GitHub Actions)
├─ assets/ # Assets (Videos, fonts ...)
├─ components/ # Components
├─ content/ # Content ( .md, .mdx ...)
├─ layouts/ # Layouts
├─ locales/ # i18n locales files
├─ node_modules/ # node modules
├─ pages/ # Pages
├─ plugins/ # Vue Plugins (Server, Client), Automatically adjust
├─ public/ # Assets (images ...)
├─ types/ # Typescript handler (Types, class, Interface, declare and constant variables ...)
├─ .eslintIgnore # Eslint ignore
├─ .eslintrc # Eslint config.
├─ .gitignore # gitignore.
├─ app.config.ts # App config
├─ app.vue # App vue file
├─ nuxt.config.ts # Nuxt 3 config
├─ package.json # Package.json
├─ README.md # README.md
├─ tailwind.config.ts # Tailwind CSS config.
├─ tsconfig.json # Typescript config
Contributors
Thank you for helping me to make better blog.
 Youngjin Kwak 💻 🚧 📖 🎨 |
Supports
Useful Links
- Iconify: Find Icon list