Skip to content

wildgracevideo/wildgracevideo-website

Repository files navigation

Wild Grace Video Website

Nuxt application for the business website of Wild Grace Videography, a Denver-based video production company. There are two main sections of the website the public-facing section setup to give an overview of the business and acquire new clients, and the admin section (all /admin/* paths) setup for admins to manage the website.

The website is built using Nuxt3, Tailwind CSS, and Drizzle. The website is hosted using Netlify, the database is hosted using PlanetScale, the site's shop is using Stripe for payment processing, and transactional emails are sent using SendGrid. The admin section of the site contains pages for managing customer inquiries, an overview of products purchased on the shop, and a CMS for the website built using DecapCMS.

Developer Guide

Setup

Make sure to install the dependencies:

npm install

Development Server

Start the development server on http://localhost:3000:

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

DB Setup

Mac CLI Installation:

brew install tursodatabase/tap/turso

Authenticate with DB:

turso auth login

Get Shell for DB:

turso db shell wgv-admin

DB Updates

Create migration file:

npx drizzle-kit generate:sqlite

Update dev db:

npm run migrate

Update prd db:

npm run prd-migrate