antigravity-awesome-skills

To deploy a Next.js application on Vercel with automatic preview environments and incremental static regeneration, follow these steps:

1. **Set Up Your Git Repository**: Initialize a new Git repository for your Next.js project and push your code to a GitHub, GitLab, or Bitbucket repository.

2. **Install Vercel CLI**: Install the Vercel CLI by running `npm install -g vercel` in your terminal.

3. **Configure vercel.json**: Create a `vercel.json` file in the root of your project with the following configuration:
```json
{
  "version": 2,
  "builds": [
    {
      "src": "next.config.js",
      "use": "@vercel/next"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "/index.html"
    }
  ]
}
```

4. **Deploy Your Application**: Run `vercel` in your terminal. Follow the prompts to link your project to your Vercel account and deploy your application.

5. **Enable Automatic Preview Environments**: In the Vercel dashboard, navigate to your project settings and enable automatic preview environments for each Git push.

6. **Configure Incremental Static Regeneration**: Add the following code to your `next.config.js` file to enable incremental static regeneration:
```javascript
module.exports = {
  images: {
    domains: ['example.com'],
  },
  reactStrictMode: true,
  swcMinify: true,
  experimental: {
    incrementalStaticRegeneration: true,
  },
}
```

Your Next.js application is now deployed on Vercel with automatic preview environments and incremental static regeneration enabled.