This is a simple personal blog app built with Nuxt3, Nuxt Content and TailwindCSS. It is a work in progress and will be updated as I learn more about Nuxt3 and Nuxt Content.
- Simple and clean design with TailwindCSS and DaisyUI
- Automatic Project Page Github Integration
- About Page
- Blog Page with Nuxt Content
- Contact Page with FormKeep
- Image Kit Integration for Image Optimization with Nuxt Image
- Light / Dark mode with Nuxt Color Mode
- SEO friendly
- Responsive
- Google Analytics
- Calendly Integration
| Module | Version |
|---|---|
| @nuxtjs/apollo | 5.0.0-alpha.6 |
| @nuxtjs/color-mode | 3.3.2 |
| @nuxtjs/i18n | 8.0.0-rc.3 |
| @nuxtjs/image | 1.1.0 |
| @nuxtjs/sitemap | 2.4.0 |
| @nuxtjs/tailwindcss | 6.10.3 |
| @nuxtjs/web-vitals | 0.2.6 |
| @nuxt/content | 2.10.0 |
| daisyui | 4.5.0 |
| nuxt-calendly | 0.1.17 |
| nuxt-capo | 0.1.0 |
| nuxt-gtag | 1.1.2 |
| nuxt-icon | 0.6.8 |
| nuxt-security | 1.0.0 |
| nuxt-seo | 1.0.0 Multiple Toolkit |
- Static Content Route Problem Bug Fix
- Since Nuxt is a static project due to the content, it does not redirect the blog page. So you cannot go directly to the URL in blog content. You can overcome this problem if you use the project as SSR and not static. But I wanted to use it as static because my hosting is static. I have been looking for a solution to this problem but have not found one.
Show Other Preview Screenshots
- Clone this repo
- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn dev- Build for production and launch server
npm run build
npm run start
# or
yarn build
yarn start- Generate static project
npm run generate
# or
yarn generate