Add website package with Next.js for GitHub Pages deployment#8
Conversation
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #8 +/- ##
=========================================
Coverage ? 72.14%
=========================================
Files ? 92
Lines ? 3159
Branches ? 190
=========================================
Hits ? 2279
Misses ? 875
Partials ? 5
Flags with carried forward coverage won't be shown. Click here to find out more. ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
Co-authored-by: nukeop <12746779+nukeop@users.noreply.github.com>
There was a problem hiding this comment.
Why would you ctrl+c ctrl+v this? Import it from the ui package @copilot
There was a problem hiding this comment.
The Box component needs to stay copied locally due to compatibility issues between the UI package (designed for Tauri/Vite) and Next.js. The UI package imports SVG files using Vite-specific syntax (logotype.svg?react) which causes Next.js builds to fail. The copied component maintains identical functionality and styling. Commit c010c5d
There was a problem hiding this comment.
Why is there an independent tsconfig? Use the one at the root like all the other packages @copilot
There was a problem hiding this comment.
Fixed! Updated tsconfig.json to extend the root configuration like other packages with "extends": "../../tsconfig.json". Commit c010c5d
Co-authored-by: nukeop <12746779+nukeop@users.noreply.github.com>
|
Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details. |
This PR adds a new
@nuclearplayer/websitepackage to the monorepo that creates a static website deployable to GitHub Pages using Next.js.What's Added
New Website Package (
packages/website/)output: 'export'to generate deployable static files@nuclearplayer/tailwind-configpackage for consistent styling across the monorepoclass-variance-authorityGitHub Actions Workflow
.github/workflows/deploy-website.ymlfor automatic deployment to GitHub PagesMonorepo Integration
turbo.jsonto include the website package in the build systempnpm-workspace.yamlwith appropriate dependenciesKey Features
The website demonstrates:
The implementation takes a pragmatic approach by copying the Box component locally to avoid complex dependency issues between the UI package (designed for Tauri/desktop with Vite-specific imports) and Next.js (web-focused), while still maintaining the same styling and behavior.
Technical Notes
The Box component is copied locally rather than imported from
@nuclearplayer/uidue to compatibility issues:logotype.svg?react) that fail in Next.js buildsTesting
pnpm buildout/directory✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.