Build a Covid19-India application with help of powerfull technologies Reactjs,Nextjs,TailwindCSs.In this all live covid data getting from external api.We can see country data,state data and districts data.Also we used animations for better user experience,it is complete responsive.

Home Page

District Page

Key Features

Nextjs server side rendering
Next Router used for routing
External api used for all data.
Animation effect on hover
Super responsive

Key Technologies

React.js
Next.JS
Next js router
Next js Server side rendering(SSR)
TailwindCSS
Api
Grid Box
FlexBox

Next.js + Tailwind CSS Example

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Preview

Preview the example live on StackBlitz:

Deploy your own

Deploy the example using Vercel:

How to use

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).