DEV Community

Cover image for Start developing web applications with Svelte and Firebase
Jorge Alvarez
Jorge Alvarez

Posted on

Start developing web applications with Svelte and Firebase

Svelte & Firebase is a template to create web applications easily using Svelte and Firebase.

It has integrated all the tools and code you need to start a project with a solid foundation.

Goals

If you are interested in Svelte and Firebase with this template you can easily learn how to:

  • Use Svelte to create a web application.
  • Use Firebase Authentication.
  • Secure Firebase databases with rules.
  • Use Firebase function clouds.
  • Create public and protected pages.
  • Use it as the foundation for your new projects to speed up development.

Features

You can download the template and start using it right now. Just check the instructions.

  • User authentication
  • Public section
  • Login page
  • Signup page
  • Admin section
  • Teams management (example CRUD).
  • Employees management (example CRUD).
  • Reusable components (forms, modals, buttons...)

There is a live version in case you want to see it in action.

Technology

This project uses all these amazing technologies.

Firebase

It's a suite of tools from Google to help you create applications for the web and mobile. It gives you a database, hosting, authentication, analytics, etc.

Svelte

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Materializecss

A modern responsive front-end framework based on Material Design.

Created and designed by Google, Material Design is a design language that combines the classic principles of successful design along with innovation and technology.

Validate.js

Validate.js provides a declarative way of validating javascript objects.

Svelte Router SPA

Svelte Router SPA adds routing to your Svelte apps. It's specially designed for Single Page Applications (SPA).

Summary

I hope this template can help people that wants to learn Svelte and/or Firebase to get some ideas and speed up their learning process. If you spot any error or have an improvement contributions are more than welcome.

Discussion (1)

Collapse
adityapadwal profile image
Aditya Padwal

Nice Post Jorge.

I invite you to join the Svelte Developers Worldwide group. Would be great to have you in.

linkedin.com/groups/10473500/