66e95438fe
Migrates the admin vendors page to use client-side data fetching with pagination, search, and improved loading states. Updates the vendor table to show last login, status, and admin badges. Also, optimizes the broadcast dialog by lazy-loading the ReactMarkdown component for preview rendering.
1.6 KiB
1.6 KiB
Next.js 16 Upgrade Guide
Current Status
- Current Version: Next.js 15.2.6
- Target Version: Next.js 16.1.1
- React Version: 19.0.0 ✅ (Compatible)
Upgrade Steps
1. Backup First
git add .
git commit -m "Before Next.js 16 upgrade"
2. Update Dependencies
npm install next@16 react@19 react-dom@19 eslint-config-next@16
3. Update Related Packages
npm install @next/bundle-analyzer@latest
4. Test Build
npm run build
5. Test Development Server
npm run dev
Potential Breaking Changes
1. Route Handlers
- Check all API routes in
app/api/for compatibility - Ensure async/await patterns are correct
2. Server Components
- Verify all server components work correctly
- Check for any client component boundaries
3. Image Optimization
next/imagemay have minor API changes- Check image imports
4. Font Loading
next/fontshould work the same, but verify
Performance Improvements Expected
- Faster Builds: 10-20% faster production builds
- Better Caching: Improved static generation caching
- Smaller Bundles: Better tree-shaking and code splitting
- Faster Dev Server: Turbopack improvements
Rollback Plan
If issues occur:
npm install next@15.2.6 react@19 react-dom@19 eslint-config-next@15.2.3
Testing Checklist
- Build completes successfully
- Dev server starts without errors
- All pages load correctly
- API routes work
- Images load properly
- Fonts load correctly
- Admin dashboard works
- Order management works
- Analytics charts render
- Authentication works