@sveltejs/adapter-static
Advanced tools
Adapter for SvelteKit apps that prerenders your entire site as a collection of static files
@sveltejs/adapter-static is an adapter for SvelteKit that allows you to build static sites. It generates a static version of your SvelteKit app, which can be hosted on any static hosting service.
Static Site Generation
This feature allows you to configure the SvelteKit app to generate a static site. The code sample shows how to set up the adapter in the SvelteKit configuration file to output the static files to a 'build' directory.
import adapter from '@sveltejs/adapter-static';
export default {
kit: {
adapter: adapter({
pages: 'build',
assets: 'build',
fallback: null
})
}
};Custom Fallback Page
This feature allows you to specify a custom fallback page for single-page applications. The code sample demonstrates how to set a '200.html' file as the fallback for routes that are not pre-rendered.
import adapter from '@sveltejs/adapter-static';
export default {
kit: {
adapter: adapter({
fallback: '200.html'
})
}
};Gatsby is a React-based open-source framework for creating static websites and apps. It offers a rich plugin ecosystem and is known for its performance optimizations. Compared to @sveltejs/adapter-static, Gatsby is more opinionated and comes with a larger set of built-in features and plugins.
Next.js is a React framework that supports both static site generation and server-side rendering. It provides a flexible approach to building web applications, allowing developers to choose between static and dynamic rendering. While @sveltejs/adapter-static focuses solely on static site generation for SvelteKit, Next.js offers a broader range of rendering options.
Nuxt.js is a framework for creating Vue.js applications, with support for static site generation and server-side rendering. It provides a similar static site generation capability as @sveltejs/adapter-static but is tailored for Vue.js instead of Svelte.
Adapter for SvelteKit apps that prerenders your entire site as a collection of static files. It's also possible to create an SPA with it by specifying a fallback page which renders an empty shell. If you'd like to prerender only some pages and not create an SPA for those left out, you will need to use a different adapter together with the prerender option.
The Changelog for this package is available on GitHub.
FAQs
Adapter for SvelteKit apps that prerenders your entire site as a collection of static files
The npm package @sveltejs/adapter-static receives a total of 121,968 weekly downloads. As such, @sveltejs/adapter-static popularity was classified as popular.
We found that @sveltejs/adapter-static demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
Security News
Socket CEO Feross Aboukhadijeh discusses the open web, open source security, and how Socket tackles software supply chain attacks on The Pair Program podcast.
Security News
Opengrep continues building momentum with the alpha release of its Playground tool, demonstrating the project's rapid evolution just two months after its initial launch.