blog-nuxt icon indicating copy to clipboard operation
blog-nuxt copied to clipboard

Nuxt 3 Personal Blog

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
Youngjin Kwak

💻 🚧 📖 🎨

Supports

"Buy Me A Coffee"

Useful Links