A boilerplate for building a multi-page app with Svelte, Storybook, Webpack, Bulma and Nunjucks
Exploring new frameworks can often feel overwhelming, but this boilerplate for Svelte and Storybook simplifies the journey significantly. Svelte, known for its build-time efficiencies, manages to convert JavaScript components into a streamlined imperative code that updates the DOM precisely when needed. Coupled with Storybook, it allows for seamless visualization of UI component states, promoting development in isolation from your main application. This innovative setup is designed to cater to both static page generation and dynamic application needs, making it a versatile choice for developers.
The boilerplate not only introduces Svelte and Storybook but also integrates useful tools like Webpack, SCSS, and Nunjucks. With the framework’s capabilities, you can efficiently manage a blend of static pages and apps, customizing the templates to fit your project’s unique demands, while also ensuring your environment is optimized for performance.
Built with Webpack 4: Providing a robust and flexible module bundler to optimize your builds and manage your assets effectively.
ES6 Support via Babel 7: Ensures that you can utilize modern JavaScript features while maintaining compatibility across different browsers.
Nunjucks Templates: Facilitates rendering of multiple static pages with customizable templates, thanks to a custom nunjucks-html-loader.
SCSS Support via Sass-loader: Allows for the use of SASS features, enhancing the styling capabilities of your components.
Styling with Bulma: Integrates the popular CSS framework Bulma, enabling responsive design and industry-standard UI elements.
Linting via ESLint-loader: Ensures your code meets specified style guides and standards, minimizing bugs and optimizing readability.
Map Component with Leaflet and Svelte: Streamlines the integration of interactive maps into your application, leveraging the powerful Leaflet library seamlessly.
Easy Setup: Just download or clone the repository, install dependencies, and you’re ready to run, develop, and build your application with ease.
