17 comments found.
Hello, Could you clarify the following before purchasing Able Pro Nextjs MUI React Admin Dashboard Template 1- Tailwind Compatibility:“Can Able Pro React + Next.js edition be used without Bootstrap 5 and coexist with TailwindCSS?”2- MUI Isolation:“Are MUI styles encapsulated per component (emotion/styled) to avoid global CSS collisions?”3- App Router Support:“Is this built using Next.js 13+ App Router, or the older Pages Router?”4- RTL Assets:“Are RTL styles automatically toggled, or manually imported (e.g., rtl.scss)?” Thanks
Hi, I just purchased the Able Pro Next.js MUI React Admin Dashboard Template. I noticed that the demo site runs very fast and smooth, but when I run it locally on my machine it feels very slow and laggy, even though my computer is powerful.
Could you please explain why this happens and how I can optimize the performance locally?
The whole admin panel lags — from switching languages to navigating between pages.
Both folders in the project (full-version and seed) are lagging. I also tested both versions (with TypeScript and without), but the performance issue is the same. I run the project using yarn install and then yarn dev.
Update: I tested the project with yarn build && yarn start and confirmed that in production mode everything runs fast and smooth, just like the demo. The lags only happen in yarn dev, which I understand is normal for Next.js. No further issues — all good now. Thanks!
Thank you for understanding!!! Appreciate it. If you like the theme, please share a review on the store.
I have purchased this template, but it does not utilize Redux Toolkit as claimed. I specifically want a template that employs Redux Toolkit. The documentation states that Redux Toolkit has been used, which is incorrect.
Can you please contact support here: https://phoenixcoded.authordesk.app/author/tickets
I am unable to submit a complaint request. Your platform is experiencing technical issues.
Ok. Please contact phoenixcoded@gmail.com
Hi, I have pre-sale questions. What email I should send my inquiries to? Thank you!
Hi is this in bootstrap or tailwindcss for styling ? also nextjs in ts or js ? thanks
It has Material UI component library for the styling. Also, Nextjs has both JS and TS code base.
Thank You
Hello i want to buy this but i want to know if you upgraded it to the next js 14?
It’s already in next 14.
I just bought it but it’s as the issue . All day trying nothing working can u tell me the issue why utlis issue
The error indicates that Next.js couldn’t resolve the module ‘utils/axios’ in your project. Here are the potential reasons and how to fix them:
1. Incorrect Module Path
Ensure that the file axios.js (or axios.ts) exists in the utils directory.
If the file is located in another directory, update the import path accordingly.
Fix:
import { fetcher } from ’../utils/axios’; // Adjust the path
2. Case Sensitivity
File paths are case-sensitive in some operating systems (e.g., Linux). Ensure that the actual filename and the import path match exactly.
3. Missing File
Verify that utils/axios.js or utils/axios.ts exists in the repository. If it doesn’t, add the file with the necessary implementation.
4. Module Aliases
If you are using a custom alias for utils in your tsconfig.json or next.config.js, ensure the alias is correctly configured.
Example tsconfig.json:
{ “compilerOptions”: { “baseUrl”: ”.”, “paths”: { “utils/”: [“src/utils/“] } } }
If using webpack in next.config.js:
module.exports = { webpack: (config) => { config.resolve.alias[‘utils’] = path.join(__dirname, ‘src/utils’); return config; }, };
After adding this configuration, restart your development server.
5. Node Modules Installation
If axios is being used as a package, make sure it is installed:
npm install axios
6. Outdated Next.js
Your Next.js version (14.2.18) is flagged as outdated. Consider upgrading:
npm install next@latest
We replied to the ticket. Please share STR to reproduce the issue there.
I reply can u check … but check your code and send me the tested good one there. Because my guy is very experience but he know utils file missing
Hello we still waiting for your reply Mt time is going.
How to change Font Roboto to Kanit?
Able pro uses the next/font. You can refer here: src/config.ts
I have changed the font to Kanit in src/config.js and npm run dev but the font is still font Roboto.
Hello, Worrawut
You have submitted your issue in 2 places. i.e. Themeforest comment and our Supportdesk. We do continue to support you on Supportdesk. So do follow your this ticket link – https://phoenixcoded.authordesk.app/author/tickets/253
Our team soon respond you on priority basis.
Thank You
Hi there, I have a few questions:
is it nextjs 14? Does nextjs theme use typescript?
Thanks
Yes, Both JS & TS version packages included in package.
Does it use next 14?
Yes, it has nextjs 14
Thanks
Last question what is the UI library being used?
Its Material-UI
Hi, the next js version is with app router?
Yes. It has app router.
i need the figma, Do you have?
Please create the support ticket. We will share you the download link of figma.
Support – https://phoenixcoded.authordesk.app/
Thank You
what is the next js version
Its 14.0.4
After refering to this documentation https://phoenixcoded.gitbook.io/able-pro/v/nextjs/authentication/switch-to-aws-cognito, found out that for awsCognito files/setup doesnt exist only.
For the nextjs, auth has been setup via next-auth. You can check here for docs: https://next-auth.js.org/providers/cognito
I don’t think the documentation explaining how to add the login as first page is correct for the Next.js version
also In the “src/layout/App.js, we have specified auth provider JWTProvider like,” this directory doesn’t seem to exist
Beautiful theme but I may have to go in a different direction just based on the documentation
Sorry for confusion and thanks for your appreciation and patience. We have prepared separate doc for next js: https://phoenixcoded.gitbook.io/able-pro/v/nextjs/how-to/login-as-first-page
hi my current landing page template is in nextjs and bootstrap , will this admin template can be integrated into one project. please let me know? also does it come with figma file?
Able pro is using MUI for React, not a bootstrap. For a Figma, reach out to support after purchase.
Do you have any combination of nextjs and bootstrap?
Sorry – We have nextjs only with the MUI for now. There is no any short term plan for the React Bootstrap version.
I sent an email to you.
Congratulations GLWS 
Congratulations! Nice Work, GLWS 