Building an entire fullstack project with Firebase 10 and React (Vite)

Developer Tools Cloud Computing Website Builder

Vercel Landing Page

1

Vercel

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

Nowadays you can deploy your client side web apps almost anywhere for free, like Netlify, Vercel or Surge or even Firebase hosting. However as we’re using Firebase in this tutorial, let’s explore deploying with firebase as well.

#Developer Tools #Web Development Tools #App Deployment 594 social mentions
surge.sh Landing Page
2

surge.sh

Static website hosting for front-end developers.
Pricing:
- Open Source
Nowadays you can deploy your client side web apps almost anywhere for free, like Netlify, Vercel or Surge or even Firebase hosting. However as we’re using Firebase in this tutorial, let’s explore deploying with firebase as well.

#Static Site Generators #Website Builder #Cloud Computing 26 social mentions
styled-components Landing Page
3

styled-components

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Pricing:
- Open Source
The project is build using several ready made components available within, Mantine. It’s a fully featured React components library. However some places still use some custom CSS-in-JS so we used some good ol’ styled components.

#Developer Tools #Design Tools #React 169 social mentions
Mantine Landing Page
4

Mantine

React library, 60+ hooks and components with dark theme support and focus on accessibility
Pricing:
- Open Source
The project is build using several ready made components available within, Mantine. It’s a fully featured React components library. However some places still use some custom CSS-in-JS so we used some good ol’ styled components.

#Open Source #ReactJS #UI 130 social mentions
Firebase Hosting Landing Page

5

Firebase Hosting

Production-grade Hosting for Developers

Nowadays you can deploy your client side web apps almost anywhere for free, like Netlify, Vercel or Surge or even Firebase hosting. However as we’re using Firebase in this tutorial, let’s explore deploying with firebase as well.

#Developer Tools #Website Builder #Static Site Generators 27 social mentions