Giter Club home page Giter Club logo

stack_overflow_nextjs14's Introduction

stack_overflow_nextjs14's People

Contributors

adrianhajdin avatar amolbarkale avatar nishitbaria avatar tidbitsjs avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

stack_overflow_nextjs14's Issues

CSS Fix for HomeFilters.tsx

Hey @adrianhajdin , I've identified Tailwind CSS issues in the HomeFilters.tsx component:

  1. Changing 'me dium' to 'medium' here

  2. Updating 'bg-dark400' to 'bg-dark-400' here

It would be great if you provide me the repo access else check from your side.

layout.tsx collision

Hello @adrianhajdin, I've been following your ultimate nextjs course and so far so good but it seems there is an issue in the layout.tsx in the app folder and the layout.tsx in the (root) folder. when I start debugging my project it render the app layout.tsx elemnts correctly then it gives me error 404 this page couldn't be found for the (root ) layout.tsx ,however, when I navigate to another path like http://localhost:3000/ask-question it work fine and both layouts are shown correctly and their children too. moreover I started experimenting when I change the name of the (root)/layout.tsx -> (root)/page.tsx the error goes away but I lose the ability to access the children in that folder.

I'm on next 14.2.3 I tried to downgrad to your version in the project but didn't work tried to search and read docs and ask chatgpt but nothing seems to work.

Issue with Dark Mode Flickering on Page Refresh.

On dark mode, there is an issue observed when performing a page refresh, causing flickering. The page transitions to light mode and then switches back to dark mode, impacting the user experience. This behavior is attributed to the server lacking knowledge of each user's individual theme preference.

I have successfully addressed this issue in my codebase by implementing the "next-themes" package. For further details and a comprehensive guide on resolving this problem, please refer to the following article:
How to Make a Flicker-Free Dark Theme Toggle with Next.js, Tailwind CSS, and Next Themes.

chrome_TLEo5wUq3s.mp4

@sujatagunale @adrianhajdin @TidbitsJS

Page speed optimization

Hi, @adrianhajdin ,
First of all I want to thank you for your amazing work and opportunities you give us. I decided to learn Next.js and I think your course will be one of the best resource. But now, I want to ask your advice related to optimization for react applications(without Next.js). I noticed that you dedicated your time to increase the performance of your application up to 90 and more. If you have an opportunity to help me I'd be very thankful. I checked the page speed and it recommends to reduce unused Javascript. Here are the files. Especially I do not understand how to reduce unused code related to react-dom(I underlined it). This project was bootstraped with create-react-app and I did not add any configurations to webpack
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.