Fully interactibe Instagram clone. In order for the picture images to display in stories at top of page, the site needs to be hosted on an external hosting websites as error 522 appears. You can add an image with a logo where the circle plus button on top right hand page, click on the like (heart) button, post a comment and displays the time besides it. It has a fully interactive sign in with google feature and faker js pulls random names and where they work on the right hand page. Everything else is for display purposes. This can be opened up in visual studio code and using npm run dev to open it open in a browsing website
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 the example live on StackBlitz:
Deploy the example using Vercel:
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).