Overview

Nuxt Guestbook is a demonstration that showcases the use of Nuxt.js with server-side rendering on the edge, authentication, and database querying using SQLite in a production environment. The demo provides a fully functional guestbook where users can post messages.

Features

• Server-Side Rendering on the Edge: Nuxt Guestbook utilizes server-side rendering to deliver optimized performance and SEO benefits.
• Authentication backed-in using nuxt-auth-utils: The demo leverages nuxt-auth-utils to handle authentication functionality.
• Leverage SQLite as database with migrations using drizzle ORM: SQLite is used as the database for storing guestbook messages, and migrations are handled using the drizzle ORM.
• User interface made with Nuxt UI and Nuxt UI Pro: The guestbook UI is built using the Nuxt UI framework and takes advantage of features provided by Nuxt UI Pro.

Installation

To install Nuxt Guestbook, follow these steps:

1. Make sure to install the dependencies using pnpm:

pnpm install

2. Create a GitHub Oauth Application with the following details:

   • Homepage url: http://localhost:3000
   • Callback url: http://localhost:3000/auth/github

3. Add the required variables in the .env file.

4. To create sealed sessions, add NUXT_SESSION_SECRET in the .env file with at least 32 characters.

Summary

Nuxt Guestbook is a demonstration of using Nuxt.js for server-side rendering, authentication, and working with a SQLite database in a production environment. It showcases the power and capabilities of Nuxt.js to build robust and scalable applications.