npm install -g create-next-app
create-next-app --version
npx create-next-app --exemple with-typescript app-name
npm install tailwindcss postcss-preset-env
module.exports = { plugins: ['tailwindcss', 'postcss-preset-env'] };
Créer un fichier postcss.config.js à la base du projet
module.exports = { purge: ['./pages/**/*.tsx', './styles/**/*.css'], future: { removeDeprecatedGapUtilities: true, purgeLayersByDefault: true }, }
Créer un fichier tailwind.config.js à la base du projet
@tailwind base; @tailwind components; @tailwind utilities; @layer components {}
Créer un fichier index.css dans un dossier styles
import '../styles/index.css' const MyApp = ({ Component, pageProps }) => ( <Component {...pageProps} /> ) export default MyApp;
Vous pouvez créer un fichier nommé _app.tsx dans le dossier page et y insérer ce code
By NicoHash
