Deploy Next.js on Netlify

how do I fill out this page to deploy my next.js site to netlify from github: Skip to main content Search Netlify… ⌘ K danielkliewer@gmail.com Sites danielkliewer.com Switch sites Site navigation Connect to Git provider Select repository Configure site and deploy Link your site to a Git repository Review configuration for blog06 Deploy as kliewerdaniel on Conrad Freeman team from main branch using jekyll build command and publishing to _site Team Conrad Freeman Build settings Specify how Netlify will build your site. Learn more in the docs Branch to deploy main This is a Next.js site. Netlify auto-detected Next.js and will use the Next.js Runtime to build and deploy your site. Read more about deploying with Next.js on Netlify Base directory The directory where Netlify installs dependencies and runs your build command. Build command jekyll build Examples: jekyll build, gulp build, make all Publish directory _site Examples: _site, dist, public Functions directory /netlify/functions Example: my_functions Environment variables Define environment variables for more control and flexibility over your build. Add environment variables Deploy blog06 Docs Pricing Support Blog Changelog Terms © 2025 Netlify

Since you're deploying a **Next.js** site, you'll need to update the build settings to match Next.js instead of Jekyll. Here’s how you should fill out the fields: - **Branch to deploy:** `main` (leave as is) - **Base directory:** *(leave empty unless your Next.js project is inside a subfolder)* - **Build command:** `npm run build` or `yarn build` (depending on your package manager) - **Publish directory:** `.next` (for static export) or `out` (if using `next export`) - **Functions directory:** *(leave empty unless you're using serverless functions in `/netlify/functions`)* ### Additional Steps: 1. **Check Your `next.config.js`** - If you're using static export, add this: ```js module.exports = { output: 'export', }; ``` - If you're using API routes, keep Netlify's Next.js runtime enabled. 2. **Install Netlify Adapter (Optional but Recommended)** - Run: ```sh npm install -D @netlify/plugin-nextjs ``` - Then, add it to `netlify.toml`: ```toml [build] command = "npm run build" publish = ".next" [[plugins]] package = "@netlify/plugin-nextjs" ``` After making these changes, click **Deploy blog06** and your Next.js site should be correctly configured for Netlify. 🚀