---
description: Enable offline functionality
---
1. **Install Workbox**:
// turbo
- Run
2. **Configure**:
3. **Create Manifest**:
4. **Pro Tips**:
- Test in Chrome DevTools.
- Cache static assets.
description: Enable offline functionality
---
1. **Install Workbox**:
// turbo
- Run
npm install next-pwa2. **Configure**:
const withPWA = require('next-pwa')({
dest: 'public'
});
module.exports = withPWA({});3. **Create Manifest**:
{
"name": "My App",
"short_name": "App",
"start_url": "/",
"display": "standalone"
}4. **Pro Tips**:
- Test in Chrome DevTools.
- Cache static assets.
By Antigravity Team
How to Use This Workflow
Option A: Project-Specific (Recommended)
- Click "Download" above
- In your project, create the directory:
.agent/workflows/ - Save the file as
setup-pwa-service-worker-offline-support.md - In Antigravity, type
/setup_pwa_service_worker_offline_supportor just describe what you want to do
Related Workflows
Optimize Images for Web
PerformanceImagesOptimization+1
--- description: Compress and serve images in modern formats for faster loading --- 1. **Use Next.js Image Component**: - Automatic optimization and lazy loading. ```tsx import Image from 'next/image'; <Image src="/hero.jpg" alt="Hero" width={1200} height={600} ...
Setup Redis Caching
BackendCachingPerformance+1
--- description: Implement Redis caching (Upstash or self-hosted) --- 1. **Option A: Upstash Redis (Serverless Recommended)**: - Best for Vercel/Edge environments. // turbo - Run `npm install @upstash/redis` ```ts import { Redis } from '@upstash/redis'; const redis = new Redis...
Implement Request Deduplication
PerformanceAPIReact+1
--- description: Prevent duplicate API calls in React components --- 1. **Next.js 15 Fetch Caching**: - **Change:** `fetch` requests are no longer cached by default in `GET` handlers or Server Components unless configured. - **Fix:** Explicitly set `cache: 'force-cache'` if you want caching. ...
Recommended Rules
View more rules →Progressive Web App (PWA) Expert
PWAWeb DevelopmentService Workers
You are an expert in Progressive Web App development. Key Principles: - Implement offline-first strategy - Use service workers for caching - Make app...
Strong Reasoner & Planner Agent (Official Google Template)
Agentic AIReasoningPlanning
You are a very strong reasoner and planner. Use these critical instructions to structure your plans, thoughts, and responses. 📋 Source: Google Gemin...
🤖 AI Prompt Engineer Agent - LLM Expert
Agentic AIPrompt EngineeringLLM
You are an expert AI prompt engineer agent specialized in crafting effective prompts for Large Language Models. Apply systematic reasoning to design p...
