Giter VIP home page Giter VIP logo

consequent's Introduction

Consequent

Next.js starter with Typescript & Tailwind.css (feat. next-themes for dark mode).

Issues

  • bg-opacity-x utils don't work with custom radix colors
    • That said, using radix colors plugins means we automatically get theming w/ light / dark
  • custom radix colors don't get inline color previews in VSCode

Tasks

Misc

  • Add docs
    • Features
      • TS
      • ESLint
      • Husky
      • Themes
      • getLayout
    • Set up
    • Usage
  • Add react-error-boundary
  • Update index
  • Add docs route
  • Add favicon, opengraph metadata, etc.
  • Remove providers component
  • Add Husky
    • Add package
    • Add pre-commit
    • Add post-merge
  • Add zustand
    • Add package
    • Remove custom context implementation currently being used
  • Cleanup eslint config
  • Figure out color preview for radix-colors
  • Fix paths in tsconfig.json
    • Just use relative imports?
  • Use data/site.config.json in Header
    • Removed altogether
  • Cleanup tailwind.config.js
    • Remove prose customizations
      • Eh, I like the prose customizations.
      • Though if I use radix-colors plugin, it automatically changes color variant between light/dark
    • Remove homemade radix plugin
  • use only Inter as custom font
    • Remove Recursive
    • Remove Space Mono
    • Remove Space Grotesk
    • Cleanup tailwind config
  • Figure out which postcss plugins are actually needed
  • Remove unneeded postcss plugins
  • Remove @babel/core
  • Remove tailwind-typography
    • Remove plugin
    • Remove customization in tailwind.config.js
    • Really shouldn't be customizing styling in tailwind config, it would be easier just to do it from scratch

Inspiration/Resources

Tailwind Typography: Dark Mode

eslint config

Inter Font Config

# pyftsubset has to be installed
pyftsubset Inter.ttf \
  --unicodes="U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD" \
  --layout-features="" \
  --flavor="woff2" \
  --output-file="Inter-subset.woff2"

consequent's People

Contributors

nonissue avatar

Stargazers

 avatar

Watchers

 avatar  avatar

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.