blazity / next-enterprise Goto Github PK

💼 An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.

Home Page: https://next-enterprise.vercel.app

License: MIT License

JavaScript 27.16% TypeScript 72.67% CSS 0.17%

boilerplate chatgpt cva eslint jamstack javascript-ai next next-js next-theme nextjs nextjs13 radix-ui react react-enterprise-boilerplate seo starter-kit starter-template tailwindcss typescript vercel

next-enterprise's People

Contributors

Stargazers

Watchers

Forkers

andreteixeira1998 jjablonski-it avinagites github-ninad salman-inayat yisacc enzoglauber rizwanmushtaq rajbhensdadiya bitensam track-top dacitto osmnfdrcn idywilliams robyhuzwandar mrwaqass ashraful19 sakilahmmad71 zainulabdeen5 tayyab-awan solaimanshadin arpan-jo yeasin-hossain nyandika shivadharmi ricoputrap goelshobhit snax4a codechef69 puloksec vageez lhenriquedev achuthhadnoor linecode technorahmon austinspinazze plantyplantman codewithdpk nandapuspitarana jeremydev87 imehc titanwebsystems imvad shaiful-systema 9amcoder oreoro jgui1129 champions-oncology matrujillo10 chandrakumarreddy mohamilin asifvora userplant muchmon tanghui28 meetcpatel loochao sz0tu shelday bcigdemoglu sskimdev sunraiseing ronnieangeles can-tcp jrcribb 0x7d0 herickc martin441 nadvolod rhiannonmonks manacespereira alejandrosuarez davidrobertmcculloch apandeparo hamzaniazibs asghar765 gercamjr bgarrofe raychaser soltrinox blockvisors jrathore stickchartkeith golamrabbiazad mnaumann79 alexsonphoenix alex-nhs kimdavid333 axxs rikkei-venture-builder kirankandel nccasia qhdinh jaimin-addweb hirenchauhan2 decisiontr-ee talesmousinho iuriimattos2 cassiorp suecheng

next-enterprise's Issues

NextJS production deployment on a Server is very slow and lighthouse scores are very slow which is about 67%

NextJS production server creates a very slow performance score when deployed when we use this boilerplate in a actualy enterprise grade level

But the same which runs in localhost is showing good results but not in Server

Storybook not launching

i've tested on a freshly created codespace from main.

npm ERR! maxAge must be a number

I get this error A LOT when trying to install packages.. I don't know if it's related to my own device or this repo; normally I use npm.. But I wanted to try something new and this package seems full of security and good coding standards, the better for me to learn..

examples:

yarn add notistack
yarn add v1.22.19
$ npx only-allow yarn
npm ERR! maxAge must be a number

yarn add react-toastify
yarn add v1.22.19
$ npx only-allow yarn
npm ERR! maxAge must be a number

yarn add firebase 
yarn add v1.22.19
$ npx only-allow yarn
npm ERR! maxAge must be a number

yarn add @react-native-firebase/app   
yarn add v1.22.19
$ npx only-allow yarn
npm ERR! maxAge must be a number

and more..

I did notice; that removing "preinstall": "npx only-allow yarn", from the package.json will enable the installation via yarn; but it did give errors on those specific packages, when I went onto deploying it to Azure (even though it worked on localhost).

When deploying via Github Actions to Azure, it'll give the following error..

Failed to compile.

./pages/_app.tsx:4:32
Type error: Cannot find module 'react-toastify' or its corresponding type declarations.

  2 | import { AppProps } from "next/app"
  3 | import NavBar from "components/Navbar/Navbar"
> 4 | import { ToastContainer } from "react-toastify"
    |                                ^
  5 | 
  6 | function MyApp({ Component, pageProps }: AppProps) {
  7 |   return (
error Command failed with exit code 1.

What can I do to resolve these errors?

Integration with user signals(Likes, upvotes,...) and feedback components

Hi, I created an react plugin to easily integrate Like buttons, Emoji reactions, "Is this page useful?" widgets with up/downvote or custom feedback forms to receive signals from users.

Are you open to integrate it in your template? I can create a PR to setup the integration. It will be just a few line of code. I will make the integration optional, meaning that if the setting_key is missing (the user doesn't want to use the plugin), nothing is affected and nothing will change.

In general, the plugin allows to receive any kind of feedback, but I think a Like button for blog posts and a Is this page useful? with up/downvotes for documentation pages will be useful. Nonetheless, it's very easy and customizable.

Let me know.
Thanks.

Suggestion: App router Version

Nice Project here.

It would be awesome if you have a version with the new App router and Server Side Components since it's more stable now.

Thank you.

enforcing jira id in git-conventional-commits.yaml

Hi there, first of all this is an amazing repo. thanks a lot. Quick question: How can I enforce below in my commits:

issueRegexPattern: "[A-Z][A-Z0-9]+-[0-9]+"
issueUrl: https://WORKSPACE.atlassian.net/browse/%issue%

uncommenting them did not help...
Thank you,

Stricter eslint

I feel like the eslint structure is too weak could be made much stricter for more consistent code, e.g. eslint-config-hardcore

Issue with icons on MacOS and iOS safari

Hi,
This project is awesome!
Good job guys.

I am facing issue with the icons. It happens only on safari (desktop + mobile)

It is fine on desktop chrome & firefox.

Tsjjs

Gdjjbbdn

Tooltip/Radix-UI - Fetch Primitive error

I am trying to implement the ToolTip component that comes with Next-Enterprise. I added the explainer and the children - but when I to my browser it is having trouble pulling Primitive from /nextjs-enterprise-boilerplate/node_modules/@radix-ui/react-popper/dist/index.mjs (7)

import pkg from '@radix-ui/react-primitive';
const {Primitive: $kY93V$Primitive} = pkg;

SyntaxError: Named export 'Primitive' not found. The requested module '@radix-ui/react-primitive' is a CommonJS module, which may not support all module.exports as named exports.

Suggestion: Monorepo

First of all, great job!

Would be amazing to have this as a boilerplate (or an equivalent) adapted to a monorepo.

Tailwind configuration, absolute paths… there are a lot of things that require hours of configuration. Mixing the good picks of this boilerplate with a monorepo structure.

Cannot find module 'env.mjs' from 'mycomponent/banner.test.tsx'

env from env.mjs are all undefined during test with jest

Suggestion: add `eslint-plugin-tailwindcss`

Hi everyone! Thanks for this amazing template 🔥

I would like to suggest adding the eslint-plugin-tailwindcss.

The prettier-plugin-tailwindcss does a great job sorting the classes. However, it does not warn you whenever you use a class that does not exist.

Adding the eslint plugin could save developers some time whenever they make a typo in the classname.

What do you guys think? If you agree this could be helpful, I'm more than happy to submit a pull request.

Warnings about incorrect peer dependencies and unsupported typescript version, and lint warnings

In evaluating this project, I am met with a noisy output. Is this to be expected?

$ yarn install --frozen-lockfile
yarn install v1.22.19
$ npx only-allow yarn
Need to install the following packages:
[email protected]
Ok to proceed? (y) y
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
warning Pattern ["wrap-ansi@^7.0.0"] is trying to unpack in the same destination "/home/dean/.cache/yarn/v6/npm-wrap-ansi-cjs-7.0.0-67e145cff510a6a6984bdf1152911d69d2eb9e43-integrity/node_modules/wrap-ansi-cjs" as pattern ["wrap-ansi-cjs@npm:wrap-ansi@^7.0.0"]. This could result in non-deterministic behavior, skipping.
[4/5] Linking dependencies...
warning "@vercel/otel > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.3.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/exporter-trace-otlp-grpc > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/exporter-trace-otlp-grpc > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.3.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/exporter-trace-otlp-grpc > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/exporter-trace-otlp-grpc > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/resources > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.3.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-node > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-node > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@vercel/otel > @opentelemetry/sdk-node > @opentelemetry/sdk-trace-node > @opentelemetry/[email protected]" has incorrect peer dependency "@opentelemetry/api@>=1.0.0 <1.5.0".
warning "@storybook/nextjs > [email protected]" has unmet peer dependency "webpack@^5.0.0".
warning "@storybook/nextjs > [email protected]" has unmet peer dependency "webpack@>=5".
warning "@storybook/nextjs > [email protected]" has unmet peer dependency "webpack@^5.0.0".
warning "@storybook/nextjs > [email protected]" has unmet peer dependency "webpack@^5.0.0".
warning "@storybook/nextjs > [email protected]" has unmet peer dependency "webpack@^5.0.0".
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-syntax-flow@^7.14.5".
warning "eslint-config-react-app > [email protected]" has unmet peer dependency "@babel/plugin-transform-react-jsx@^7.14.9".
warning Workspaces can only be enabled in private projects.
warning Workspaces can only be enabled in private projects.
[5/5] Building fresh packages...
$ npx patch-package -y
patch-package 8.0.0
Applying patches...
No patch files found
Done in 108.20s.

$ yarn lint
yarn run v1.22.19
$ next lint
- warn You have enabled experimental feature (instrumentationHook) in next.config.mjs.
- warn Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.

=============

WARNING: You are currently running a version of TypeScript which is not officially supported by @typescript-eslint/typescript-estree.

You may find that it works just fine, or you may not.

SUPPORTED TYPESCRIPT VERSIONS: >=3.3.1 <5.2.0

YOUR TYPESCRIPT VERSION: 5.2.2

Please only submit bug reports when using the officially supported version.

=============

./pages/index.tsx
62:49  Warning: 'res' is defined but never used. Allowed unused args must match /^_/u.  @typescript-eslint/no-unused-vars

./components/Button/Button.tsx
5:16  Warning: Classname 'delay-50' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
5:16  Warning: Classname 'min-w-20' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
5:16  Warning: Classname 'min-h-10' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
5:16  Warning: Classname 'min-w-32' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
5:16  Warning: Classname 'min-h-12' is not a Tailwind CSS class!  tailwindcss/no-custom-classname

./components/Tooltip/Tooltip.tsx
6:24  Warning: Classname 'rounded-0.5md' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
6:24  Warning: Classname 'font-open-sans' is not a Tailwind CSS class!  tailwindcss/no-custom-classname
6:24  Warning: Classname 'text-2xs' is not a Tailwind CSS class!  tailwindcss/no-custom-classname

info  - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules
Done in 4.93s.

Suggestion: Using shadcn instead/in addition to radix

https://ui.shadcn.com/

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

fix(deps): update dependency next to v14.1.1 [security]

Detected dependencies

github-actions

.github/workflows/check.yml

.github/workflows/cr.yml

.github/workflows/nextjs_bundle_analysis.yml

.github/workflows/playwright.yml

npm

package.json

next ^14.0.3

Check this box to trigger a request for Renovate to run again on this repository

Coupling Graph doesn't work as expected

I was trying to create the graph.svg with the dependencies, but the command returns an error. Is it just me or does that implementation requires something more or its broken?

App Dir & Tailwind SoC questions

Great project! A lot of work went into this.

Why not use the new app directory?
Why not use a tailwind ui library like Chakra? The problem with base tailwind is the tsx can be too crowded with tailwind classes.

Suggestion: merge eslint and prettier

I suggest to merge the prettier configuration into eslint configuration.
This introduces several advantages:

only 1 tool needed
IDEs will rely on eslint only
lint --fix will both address linting and prettier inconsistencies
less commands to maintain, explain and to run

Here an example: https://github.com/damianobarbati/eslint-config-xs/blob/main/src/index.js

The theme you showcased on next.js website is not same as what I see in your template

Hi Team,

I have deployed your project into Vercel & I could see only

your demo: https://blazity.com/open-source/nextjs-enterprise-boilerplate
but actual template: https://nextjs-enterprise-boilerplate-mu-three.vercel.app/

Please let me know if am missing something

Switch not available in theme components dist

I installed the switch component as a single component and updated content in tailwind config, but neither the glob or single pattern worked:

'./node_modules/@nextui-org/theme/dist/components/(button|switch).js'
'./node_modules/@nextui-org/theme/dist/components/switch.js'

I checked the /theme/dist/components/ dir and couldn't find the switch component in there.

Also tried:

'./node_modules/@nextui-org/switch/dist/index.js',
'./node_modules/@nextui-org/switch/dist/switch.js',

but that didn't work either.

Have a nice day!
– Felix

Atolog

Blazity/next-enterprise

Why not using Husky?

What do you think about using Husky?