DEV Community

Peter Haddad
Peter Haddad

Posted on

NextJS with TailwindCSS and Firebase

I have created a responsive weather app showcasing the use of NextJS with Tailwind CSS and also using Firebase for storing data in Firestore. You can find the source code here:

Source code: Github Project
Deployment: https://weather-indol.vercel.app/

To get Started

First you would need to create a project in Firebase and then get the firebaseconfig object and add the firebase API keys in the .env.local file. Then you can clone the project here and then execute:

npm install
Enter fullscreen mode Exit fullscreen mode

which would install the NPM packages found in the package.json.

Then you can execute:

npm run dev
Enter fullscreen mode Exit fullscreen mode

which will run the development environment and you can find it in http://localhost:3000

Concepts used

  • Dynamic Routing
  • Server side rendering
  • Tailwind CSS
  • Mock Data
  • Firebase

If you find the repository useful, support it by starring it!

Top comments (0)