first wave

.gitignore

@@ -0,0 +1,8 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "nuxt.isNuxtApp": false
+}

README.md

@@ -1,2 +1,43 @@
-# maiks-nuxt3-starter
-Check out the readme to see what is preconfigured in this starter template
+# Maik's Started based on Nuxt 3
+
+## The included batteries:
+- SEO-Kit
+- Typed Router
+- Umami Analytics
+- Tailwind
+- Nuxt Device
+- VueUse
+- Nuxt Image
+- NuxtSvgo
+- Vite PWA
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# pnpm
+pnpm install
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+pnpm dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+pnpm build
+```
+
+Locally preview production build:
+
+```bash
+pnpm preview
+```

app.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <SeoKit />
+    <OgImageStatic />
+    <NuxtPage />
+  </div>
+</template>

nuxt.config.ts

@@ -0,0 +1,40 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+    extends: [
+        'nuxt-seo-kit'
+    ],
+    modules: [
+        '@nuxtjs/tailwindcss',
+        '@nuxtjs/device',
+        '@nuxt/image',
+        '@vueuse/nuxt',
+        'nuxt-umami',
+        'nuxt-svgo'
+    ],
+    app: {
+        head: {
+            titleTemplate: '%pageTitle %titleSeparator %siteName'
+        }
+    },
+    unhead: {
+        ogTitleTemplate: "%s | Maik's Starter",
+    },
+    runtimeConfig: {
+        public: {
+            siteUrl: process.env.NUXT_PUBLIC_SITE_URL || 'https://localhoost:3000',
+            siteName: 'Maiks Starter',
+            siteDescription: 'Welcome to maiks starter!',
+            language: 'en',
+            titleSeparator: '|'
+        }
+    },
+    umami: {
+        enable: false,
+        autoTrack: true,
+        doNotTrack: false,
+        cache: false,
+        domains: 'mywebsite.com,mywebsite2.com',
+        websiteId: 'your-website-id',
+        scriptUrl: 'https://path.to.umami.js',
+      }
+})

package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxt/image": "^0.7.1",
+    "@nuxtjs/device": "^3.1.0",
+    "@nuxtjs/tailwindcss": "^6.3.1",
+    "@vite-pwa/nuxt": "^0.0.5",
+    "@vueuse/nuxt": "^9.12.0",
+    "nuxt": "^3.1.2",
+    "nuxt-seo-kit": "^1.2.2",
+    "nuxt-svgo": "^1.1.0",
+    "nuxt-umami": "^1.2.1"
+  }
+}

pages/index.vue

@@ -0,0 +1,18 @@
+<template>
+    <div class="m-auto mt-16 max-w-sm p-6 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
+        <a href="#">
+            <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Maik's Starter</h5>
+        </a>
+        <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">this is my starter template for building SSG,SSR and SPA's using Nuxt</p>
+        <a href="#"
+            class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+            Read more
+            <svg aria-hidden="true" class="w-4 h-4 ml-2 -mr-1" fill="currentColor" viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg">
+                <path fill-rule="evenodd"
+                    d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
+                    clip-rule="evenodd"></path>
+            </svg>
+        </a>
+    </div>  
+</template>