Webiste: Updates Next.js and Shadcn #340
Closed
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Document the strategy to upgrade from Next.js 15.4.10 to 16.x and update shadcn/ui components to latest patterns.
- Install vitest, @testing-library/react, jsdom, and related deps - Create vitest.config.ts with React plugin and path aliases - Add test and test:run scripts to package.json - Add basic Button component tests to verify setup works
- Remove fine-grained Button component tests - Add integration test for Form, FormInput, and FormButton - Test form submission with valid data - Test validation errors with invalid input - Add @testing-library/user-event for realistic interactions
- Install @vitest/coverage-v8 - Configure coverage in vitest.config.ts - Add test:coverage script - Generate text, html, and lcov reports
- Run tests with coverage on push/PR to main - Only triggers on website/** changes - Upload coverage to Codecov (optional)
- Test ThemeContextProvider and ThemeSwitcher working together - Test light/dark toggle functionality - Test localStorage persistence - Add matchMedia mock to vitest setup
- Test Card, Avatar, Badge, Button components together - Test profile card scenario with user interactions - Test badge variant styling
- Test Footer with navigation links - Test full Layout with Navbar, content, and Footer - Test container width variants (md/full) - Mock Next.js router, auth, and data hooks
- Test AccessTokenCard renders token info and masked value - Test revoke button triggers mutation and toast - Test rendering multiple tokens in a list
- Test SearchInput accepts user input - Test SearchPackageRow displays package info with link - Test Search shows results, empty state, and error state
- Test AuthProvider loading and resolved states - Test useAuth, useSession, useUser, useIsLoggedIn hooks - Test withAuth HOC redirects when unauthenticated - Test auth state change handling
- Remove 'main' from branches, only 'master' exists - Update Node.js version from 20 to 24 (latest LTS)
- Upgrade Next.js from 15.4.10 to 16.1.1 - Upgrade React to 19.x - Upgrade @tanstack/react-query to v5 - Migrate all mutations and queries to v5 API: - Replace isLoading with isPending for mutations - Replace keepPreviousData option with placeholderData - Update query/mutation format to object syntax - Update invalidateQueries to object syntax - Replace Hydrate with HydrationBoundary - Fix ReactQueryDevtools position prop - Update tsconfig.json to exclude test files from Next.js build
- Format all files with Prettier - Upgrade react-final-form from 6.5.9 to 7.0.0 (React 19 support) - Use --legacy-peer-deps in CI for npm install
RFC: Next.js 16 and shadcn/ui updates
|
@kiwicopple is attempting to deploy a commit to the Supabase Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Member
|
Moving to #340 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR upgrades the website to the latest Next.js and modernizes the testing infrastructure.
Framework Upgrades
React Query v5 Migration
Testing Infrastructure (New)
CI/CD