Framework setup overview

Netlify auto-detects your framework and will set up default configuration for that framework. In cases, where you want to further develop your project or customize how your project works, you can check out framework docs for your project.

Framework support

Netlify is framework-agnostic, meaning you shouldn’t be limited by the current framework you choose.

Netlify supports the following frameworks:

• Angular
• Astro
• Eleventy
• Express
• Gatsby
• Hugo
• Hydrogen
• Next.js
• Nuxt
• React
• React Router
• Remix
• SvelteKit
• TanStack Start
• Vite
• Vue CLI

Netlify technically supports additional frameworks, but we don’t have a guide for them all. If it’s a modern framework or even just HTML, CSS, and basic JS, it should work on Netlify.

For detailed setup instructions and framework-specific configuration, visit the individual framework guide pages above.

Environment variable best practices

Learn best practices for using environment variables with frameworks: Use environment variables with frameworks

Support

To help you determine if you need Support from your Framework vs. Netlify, you can try the following:

• Build your project locally to see if it works
• Check the documentation for your framework
• Search for an existing question on our Support Forums

Enhancing framework support

If you need to enhance the framework support for your project, you can use the Frameworks API, which is designed for Framework authors and collaborators to help build adapters to make building and deploying on Netlify smoother for your framework.