all_in_one_search скачать - all_in_one_search исходный код скачать

all_in_one_search

Другой исходный код

1.0.0

Скачать

NextJs + Tailwind CSS

Технический стек

Клиент: NextJs, TailWindcss

Установка

React App

  npx create-next-app next-tailwindcss
  cd next-tailwindcss

Установите Tailwind CSS

  yarn add -D tailwindcss@latest postcss@latest autoprefixer@lates

Настройка конфигурации

  npx tailwindcss init -p

Редактировать конфигурацию

tailwind.config.js

 module . exports = {
  mode : "jit" ,
  purge : [ './pages/**/*.{js,ts,jsx,tsx}' , './components/**/*.{js,ts,jsx,tsx}' ] ,
  darkMode : false , // or 'media' or 'class'
  theme : {
    extend : { } ,
  } ,
  variants : {
    extend : { } ,
  } ,
  plugins : [ ] ,
} ;

postcss.config.js

 module . exports = {
  plugins : {
    tailwindcss : { } ,
    autoprefixer : { } ,
  } ,
}

package.json

{
  "name" : " next-tailwindcss " ,
  "version" : " 0.1.0 " ,
  "private" : true ,
  "scripts" : {
    "dev" : " next dev " ,
    "build" : " next build " ,
    "start" : " next start "
  },
  "dependencies" : {
    "next" : " 10.2.2 " ,
    "react" : " 17.0.2 " ,
    "react-dom" : " 17.0.2 "
  },
  "devDependencies" : {
    "autoprefixer" : " ^10.2.5 " ,
    "postcss" : " ^8.3.0 " ,
    "tailwindcss" : " ^2.1.2 "
  }
}