I’m learning Next.js. I’m doing my portfolio. I have basics of HTML, CSS and I know JavaScript by coding on the back-end using Express.js.

i’m learning next js, i’m doing my portfolio, i have basics of HTML, CSS and i know javascript by coding on back-end using express.js.

Still pretty new to this so I apologize if this is a simple problem.

Closed 18 mins ago.

Closed 1 min ago.

I have been working on a project which uses NextJS (app router), typescript, tailwind, and all that jazz. I made some changes to one of my components, and the whole tailwind thing just kinda broke. I tried reverting the changes, but it still stuck with me and I dont know how to fix it. Here is an overview of my globals.css file:

I am working on a Tailwind playground-like application for my Next.js project. It will simply write React and tailwind components and run it. Does anyone have any idea how to do it?

I spent some time to fix one issue while creating next.js, react.js app. I used npm init as a start, then I execute command like npm install tailwindcss postcss autoprefixer and npx tailwindcss init -p. Then I add start, dev, build scripts to config app file and added to tailwind.content.js file to content array path to created global.css file from core directory of project an add to this file main tailwindcss general styles. Then I put this file to main app layout.tsx throught import path.

I am using 2 localfonts in my next.js app! 1. Circular Pro and 2. Avant Garde. Circular Pro is default while Avant Garde is for headings! I created fonts.ts and added fonts like this:

I have implemented a scroll restore location functionality that gets me back to the same location and it is working fine in the desktop view but it takes me to the top of the page in mobile view. I am using Next
Code: