Built Twitter Like App - 1

Install Next.Js

npx create-next-app@13.0.0 --typescript

Install tailwindcss

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Initial page

modify pages/index.js

export default function Home() {
  return (
    <div className="text-3xl text-sky-500">
      Hello World!
    </div>
  )
}

modify sytles/globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

:root{
  @apply h-full bg-black
}

body{ de
  @apply h-full bg-black
}

modify tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

First Run

npm run dev

Demo Page：