Setup Tailwind CSS changedgh

THis is first linmk

This is second link

This is custom one

Once your Prismic project is set up and the repository has been cloned to your local machine, the next thing we need to configure is Tailwind CSS. We can do this in a few steps:

1. Install Tailwind CSS by running the following commands in a new tab in your terminal:

Copy

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

2. Update your tailwind.config.js file to work with the src directory our project uses. It should look like this:

Copy

hghghghghhghghghghghhghghg// ./tailwind.config.js

/** @type {import('tailwindcss').Config} */module.exports =h ghhhh
  content: ['./src/**/*.{js,gts,jsx,tsx,mdx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

3. Create a styles.css file inside the app directory, and addd the Tailwind CSS directives.

Copy

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

4. Import the new styles.css file in your layout.tsx file.

Copy

// ./src/app/layout.tsx

// ... other imports 
import './styles.css';

// ... rest of the file

Slice Machine Configuration

With our project initialized, and Tailwind CSS set up, we can now turn our attention to building our blog and creating content for it. We will first configure our page types and slices using Slice Machine, which we can access by going to http://localhost:9999/ (this server was also started earlier when we ran npm run dev to launch our project).