Giter Club home page Giter Club logo

react18-tools / nextjs-themes Goto Github PK

View Code? Open in Web Editor NEW
7.0 1.0 1.0 2.33 MB

๐ŸคŸ ๐Ÿ‘‰ Theme with confidence and [Unleash the Power of React Server Components](https://medium.com/javascript-in-plain-english/unleash-the-power-of-react-server-components-eb3fe7201231)

Home Page: https://nextjs-themes.vercel.app

License: MIT License

JavaScript 6.53% TypeScript 78.61% Handlebars 1.36% CSS 13.50%
dark-mode front-end fullstack javascript nextjs nextjs-typescript nextjs13 nodejs react react-server-components

nextjs-themes's Introduction

react18-tools

GitHub Org's stars

nextjs-themes's People

Contributors

deepsource-io[bot] avatar mayank1513 avatar rsp-rns avatar snyk-bot avatar turbobot-temp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

rsp-rns

nextjs-themes's Issues

Themes get reset on reload

Describe the bug
Themes are getting reset on reload

To Reproduce
Steps to reproduce the behavior:

  1. Deploy the site
  2. Change the default dark and light themes
  3. Set colorScheme to system
  4. Reload the page

Expected behavior
On reload same themes should be there

Additional context
Seems like the error is because of conflict between persist middleware and shared.

There is a flash on reloading page when using next.js app directory

Describe the bug
There is a flash on reloading page when using next.js app directory.

To Reproduce
Steps to reproduce the behavior:

  1. Run advanced-multi-theme example
  2. Change theme
  3. Reload page
    โ†’ White screen flashes before theme is applied.

Expected behavior
There should be no flash of un- themed styles

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context
Add any other context about the problem here.

Crete doc comments.

Doc comments are used by modern IDEs to show tooltips. This is very helpful while using the library. It also improves auto-generated documentation.

How to contribute

You can create separate issues for each component or groups of components for which you want to provide the jsdoc comments. Then fork the repo โ†’ add appropriate comments and finally create PR targeting the main branch of this repo.

For inspiration, please look at https://github.com/react18-tools/nextjs-themes-ultra.

Upvote & Fund

  • We're using Polar.sh so you can upvote and help fund this issue.
  • We receive the funding once the issue is completed & confirmed by you.
  • Thank you in advance for helping prioritize & fund our backlog.
Fund with Polar

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.