Giter Club home page Giter Club logo

nextjs-advanced-starter's Issues

Add Full Tailwind Color Palette?

Since the Tailwind file is purged in production, I think it may be useful to make all of the Tailwind color variants available by default. This dramatically increases the bundle size, but this increase is essentially irrelevant to the end user and to the published site with Tailwind JIT speeds and PurgeCSS.

You can take a look at this gist: https://gist.github.com/sebmellen/e939ce8a29fd6cb611ef6f283f700f2c for an idea of what that tailwind.config.js looks like.

Let me know your thoughts!

Command line option

Trying out your template, because I love all the tools that you implemented and I end up adding them to my Next.js projects. This a feature request perhaps, it would be nice to create a project with some sort of a command:

nextstarter projectname --something --something

Similar to suspender project for Rails.

In any case, thanks for creating this.

npm-run-all instead of "&&"

In package.json we have "test-all": "yarn lint && yarn type-check && yarn test" which can be replaced with npm-run-all -s lint type-check test. It will make command platform independent.

Updating the template Dependencies and devDependencies

Hello !

I was trying to use your template for a Next 13 project that I work on on my own and I was blocked by the linter when I tryied creating a first build. I was hoping I could get some insight about your configs structure so I could make an upgraed for the template.

To be honest I also loved your work and I wonder if I could be of any help in your future public projects.

Best Regards,

image

vscode formatter selection

First of all, thank you, for creating this template.

I am using vscode, and was wondering which is the formatter to be used for this template. Eslint or Prettier?

warn - Disabled SWC as replacement for Babel because of custom Babel configuration

Hi,

There is the following warning in the console :
warn - Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled

A simple solution would be to remove the .babelrc file and add the following code in the jest.config.js file :

// ...
transform: {
    "^.+\\.(js|jsx|ts|tsx)$": ["babel-jest", { presets: ["next/babel"] }],
  },
// ...

Original source

If I'm not mistaken, this would allow to use SWC instead of Babel, thus to improve the performances while removing the warning message from the console.

I can submit a PR if you'd like.

BTW, thanks for the template, it is clean and much appreciated ๐Ÿ‘

Include Inter Font Locally?

Though I appreciate the usefulness of Google Fonts, I think it might be a good idea to include the Inter font locally as well.

For some projects, relying on Google Fonts adds to page load time, some projects don't allow for external stylesheets, etc. I think this would be pretty simple to add via the public folder, I would be glad to do it via PR if you're open to it.

Also, it would not be hard to remove, it would just be a matter of deleting the fonts folder. This would make it easy to switch between using the Google Font and loading the font locally. We could also offer two options โ€” variable and regular.

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.