start

Author: Andy

.gitignore

@@ -1,3 +1,5 @@
+db.sqlite
+
 # Nuxt dev/build outputs
 .output
 .data

README.md

@@ -1,75 +1,15 @@
-# Nuxt 3 Minimal Starter
+# The Nuxt Authentication Course Sample Project
 
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+This repo is for education purposes only, not for production. (many things are missing for production use)
 
-## Setup
-
-Make sure to install the dependencies:
+Install the dependencies:
 
 ```bash
-# npm
 npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
 ```
 
-## Development Server
-
-Start the development server on `http://localhost:3000`:
+Run the dev server:
 
 ```bash
-# npm
 npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
 ```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -1,6 +1,43 @@
 <template>
-  <div>
-    <NuxtRouteAnnouncer />
-    <NuxtWelcome />
+  <div class="page">
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
   </div>
 </template>
+
+<style>
+body {
+  font-size: 20pt;
+  font-family: arial;
+  text-align: center;
+}
+
+h1 {
+  font-size: 36pt;
+}
+
+a, a:visited {
+  color: lightskyblue;
+}
+
+form > div {
+  margin-bottom: 10px;
+}
+
+input {
+  font-size: 16pt;
+}
+
+button {
+  font-size: 16pt;
+  cursor: pointer;
+}
+
+.page {
+  border: 2px solid #ccc;
+  width: 700px;
+  margin: 10px auto;
+  padding: 20px;
+}
+</style>

layouts/default.vue

@@ -0,0 +1,25 @@
+<template>
+  <div>
+    <div class="nav">
+      <NuxtLink href="/">Home</NuxtLink>
+      <NuxtLink href="/dashboard">Dashboard</NuxtLink>
+    </div>
+    <slot />
+  </div>
+</template>
+
+<style>
+.nav > a {
+  cursor: pointer;
+  text-decoration: none;
+  margin-right: 25px;
+}
+
+.nav > a:last-child {
+  margin-right: 0;
+}
+
+.nav > a:hover, .nav > a.router-link-active {
+  text-decoration: underline;
+}
+</style>