Discussion on Rocketman - Tailwind CSS React 18+, Vuejs 3, HTML & Laravel 9 Admin Dashboard Template

Discussion on Rocketman - Tailwind CSS React 18+, Vuejs 3, HTML & Laravel 9 Admin Dashboard Template

Cart 438 sales
Well Documented

Left4code supports this item


This author's response time can be up to 2 business days.

81 comments found.

Got a bug in the menu, know how to fix it? When I minimize it cant roll back again, and does an animation when you focus on the menu.

Is a horizontal menu available rather than the side menu?


Arafa16 Purchased

i have trouble with session cookies when i set session from nodejs, if i use your vitejs frontend in the browser can’t set session, can u halp me about that sir?


Thank you for reaching out to us. Regarding the issue with session cookies, it’s important to note that sessions are typically managed on the server-side, and the frontend code alone cannot directly set or access session cookies.

In your case, since you are using Node.js for the backend and Vite.js for the frontend, you need to ensure that your server-side code is properly configured to handle sessions and set the session cookies. You may consider using a session management library or middleware for Node.js, such as express-session, to handle sessions and set the necessary cookies.

On the frontend, you can make requests to your server API endpoints to interact with the session data. You can use libraries like axios or the built-in fetch API to make these requests from your Vite.js frontend.

If you need specific guidance or code examples for setting up session management in your Node.js backend or handling API requests from your Vite.js frontend, please provide more details about your stack and any relevant code snippets. We’ll be happy to assist you further.

Thank you for reaching out, and we look forward to helping you resolve the issue.

Best regards, Left4code Team


Arafa16 Purchased

i have trouble with your template vite js sir, my backend use nodejs can’t set cookies for vite js, can you help me sir?


Thank you for reaching out to us. We understand that you’re experiencing difficulties setting cookies in your Vite.js template when using Node.js as the backend.

To clarify, Vite.js itself is primarily a frontend development build tool and does not directly handle server-side functionalities such as setting cookies. However, you can still integrate cookie handling in your Node.js backend and communicate with it from your Vite.js frontend.

To set cookies in your Node.js backend, you can use a package like `express` or `cookie-parser`. These packages provide methods to set cookies in the response headers when handling requests.

In your Vite.js frontend, you can make requests to your Node.js backend API endpoints to handle the cookie-related operations. You can use libraries like `axios` or the built-in `fetch` API to make these requests.

Here’s a high-level overview of the steps you can follow:

1. In your Node.js backend, ensure you have the necessary packages installed, such as `express` or `cookie-parser`.

2. Set up the cookie-related configurations in your backend code, including setting cookies in response headers.

3. In your Vite.js frontend, make requests to your backend API endpoints to interact with the cookie-related functionalities.

Please provide more specific details about the issues you’re facing, any relevant code snippets, or any error messages you’re encountering. This will help us provide more targeted assistance.

Thank you for reaching out, and we’re here to support you in resolving the cookie-related issues you’re facing.

Best regards, Left4code Team

Hi, my team it’s asking if it’s possible to have the last version of the template with JavaScript and not TypeScript. How can you help me?


Thank you for your inquiry. The latest version of the template is currently available only in TypeScript. We have made this decision to leverage the benefits of TypeScript’s static typing and enhanced tooling support.

If you have any specific questions or need further assistance while working with the template, please don’t hesitate to reach out to our support team. We are here to provide you with the necessary guidance and support to ensure a successful implementation of the template in your project.

Best regards, Left4code Team

cheing Purchased

Item ID: 36563520 Item Purchase Code: 1bd41448-e5c1-4b4b-a086-6904689ea653 Purchase Date: 2023-04-06 06:52:22 UTC

Problem: cannot load css

Error on console

to load resource: net::ERR_ADDRESS_INVALID Failed to load resource: net::ERR_ADDRESS_INVALID Failed to load resource: net::ERR_ADDRESS_INVALID login:110 Uncaught ReferenceError: $ is not defined at login:110:13 at login:119:11


Thank you for reaching out to us!

We’d be happy to help you, but before we can do so, could you kindly provide us with some more information? Can you tell us what version you are using and provide a step-by-step description of what you have done to encounter this issue? This will allow us to better understand your situation and provide you with more effective assistance.

Thanks again for getting in touch, and we look forward to hearing back from you soon!

Ajax does not work in the click function! If I comment app.js there is no problem. I’ve already tried 1000 times and none of them work.

<script > $(document).ready(function() { $(”#target”).click(function() {

              url: 'strana/ssf/ssf_Validace.php', 
              success: function(result) {

this code works! huraaa var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState 4 && this.status 200) { // zde můžete zpracovat odpověď ze serveru alert(this.responseText); } }; xhttp.open(“GET”, “strana/ssf/ssf_Validace.php”, true); xhttp.send();

Hello! We’re happy to help you out with the issue you’re facing. We’ve already responded to your query in the previous discussion. Please give the suggested solution a try, and if you still need further assistance, don’t hesitate to let us know. We’re here to help!

Typy překladů Přeložit text Zdrojový text Ahoj

1) jak dekompiluju soubor app.js (7,5MB) Nepotřebuji všechny nihovny a nyní mi nefunguje v JQuery Ajax! Ahoj

1) jak dekompiluju soubor app.js (7,5MB) Nepotřebuji všechny nihovny a nyní mi nefunguje v JQuery Ajax! Když zakomentuju app.js Ajax normálně funguje.

Ideálně bych potřeboval kazdou js komponentu zvlášť

2) Druhá věc stránka se načítá 2x animace ikon proběhne 2x to je u mě nechtěné jak docílím toho aby animace docitani ikon rpbehla jen jednou? 354 / 5 000 Výsledky překladu Výsledek překladu Hello

1) how do I decompile the app.js file (7.5MB) I don’t need all the niggers and now it doesn’t work for me in JQuery Ajax! I don’t need all the niggers and now it doesn’t work for me in JQuery Ajax! Nepotřebuji všechny negry a teď mi to nefunguje v JQuery Ajax! I don’t need all the niggers and it doesn’t work for me in JQuery Ajax now! Nepotřebuji všechny negry a v JQuery Ajax mi to teď nefunguje!

When I comment app.js Ajax works normally.

Ideally, I would need each js component separately

2) The second thing is that the page loads twice, the animation of the icons takes place twice, this is unwanted by me, how can I make the animation of the loading of the rp icons run only once? Více o zdrojovém textu Pro další informace o překladu je potřeba zdrojový text Odeslat zpětnou vazbu Postranní panely


Thank you for contacting us. It looks like you are trying to use the $.ajax function from jQuery on our template. We want to let you know that we don’t use jQuery on this template, but rather a plugin that’s similar to jQuery. Because of this, not all jQuery functions are available on this plugin. However, don’t worry because you can still use jQuery on this template by following these steps:

1. Install jQuery using the command ‘yarn add jquery’. 2. Open the file “resources/js/bootstrap.js” and replace the following line.

3. Compile using the command “yarn run dev”.

Regarding the animation issue, please open this file ”/resources/views/layout/main-layout.blade.php” and add the following class.

Next, open ”/resources/js/side-menu.js” and add the following code.

Please don’t hesitate to reach out if you have any further questions or concerns

I don’t have the directory: /resources/js/side-menu.js i only have /dist/js/app.js (7.5MB) here!

I’m sorry to hear that you couldn’t find the directory /resources/js/side-menu.js. If you are using the HTML version, you can find the necessary file in the `/src` directory. However, if you still can’t locate the file, please let me know which version you are using and I’ll do my best to assist you further.


roin2 Purchased


Been very enjoying this template for a while now. Excellent quality.

I have a problem when customizing it. I have pages longer then the default screen, and the background would just crop.

I tired changing the “background-repeat” in the _global.css file to “repeat-y” instead of “no-repeat”, Tried replacing the “before:bg-no-repeat” with “before:bg-repeat” in the SideMenu index.tsx file.

Both tries were to no avail. Is there something I’m missing?

That makes sense why it became an issue for the login page. I think we can provide a more straightforward solution for you. We suggest adding the “simplebar” plugin to keep the background covering the entire page while still allowing you to scroll through the content.

Please check the updated code here:

We hope this solution helps you achieve the desired result for your login page.


roin2 Purchased

That’s a fantastic straightforward solution! works great. thanks for the super quick reply.

You’re very welcome! We’re glad to hear that the solution works for you and that our team was able to respond quickly. If you have any further questions or issues, please don’t hesitate to reach out to us. We’re always here to help you out!

Hello – Can I customize the interface to use a custom chat bot by inserting my own short code?

Hi there,

I’m sorry for the delay in getting back to you. Regarding your question, Unfortunately, I am not sure which interface or chat bot you are referring to. Could you please provide more information or context so I can better understand your question and provide an accurate response?

Thank you and looking forward to your reply.


roin2 Purchased


So far i’ve been enjoying the theme. I have a major issues tho that probably has something to do with vite.

One: using yarn results in dependencies error so I’ve had to move to NPM install instead…

Secondly: Even with a fresh project (just extracted from the zip) calling “npm run build” is unusable and results in the following errors:

> lucent-react@0.0.0 build > tsc && vite build

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:1:19 – error TS2307: Cannot find module ’../../base-components/Chart’ or its corresponding type declarations.

1 import Chart from ”../../base-components/Chart”; ~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:3:26 – error TS2307: Cannot find module ’../../utils/colors’ or its corresponding type declarations.

3 import { getColor } from ”../../utils/colors”; ~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:4:35 – error TS2307: Cannot find module ’../../stores/colorSchemeSlice’ or its corresponding type declarations.

4 import { selectColorScheme } from ”../../stores/colorSchemeSlice”; ~~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:5:32 – error TS2307: Cannot find module ’../../stores/darkModeSlice’ or its corresponding type declarations.

5 import { selectDarkMode } from ”../../stores/darkModeSlice”; ~~~~~~~~~~~~~~

src/components/VerticalBarChart/HorizontalBarChart/index.tsx:6:32 – error TS2307: Cannot find module ’../../stores/hooks’ or its corresponding type declarations.

6 import { useAppSelector } from ”../../stores/hooks”; ~~~~~~~~~~~

Found 5 errors in the same file, starting at: src/components/VerticalBarChart/HorizontalBarChart/index.tsx:1

Any fix for the issues?


We apologize for the late response. Regarding the issue you mentioned, our team accidentally made a mistake while copying the component file. To resolve this, please try deleting the following directory: ”/src/components/VerticalBarChart/HorizontalBarChart”. We have also updated the download files on Themeforest to fix this issue.

Thank you for bringing this to our attention, and please let us know if you have any further concerns or questions.

Best regards.


roin2 Purchased

Thanks for the quick reply once again :)

You’re welcome! I’m always here to help. Do let me know if you have any other questions or concerns.


gosstlw Purchased

Is it possible to have it in .js (.jsx) and not in .ts?

Hello gosstlw,

Thank you for reaching out to us. Yes, it is possible to have the file in .js (.jsx) format. To send you the access, could you please share your email with us so we can send the file directly to you?


gosstlw Purchased

Yes of course ! gosstlw@gmail.com


roin2 Purchased

Hello, Just bought the template and it looks amazing. Sadly, I’m working on a very tight schedule so I would highly appreciate a quick response.

The “Orders” Page has a great data list component, but it does not scale well and gets cut off when it comes to mobile view – not responsive.

Any way you could apply or email me a quick fix? Thanks ahead, Roi

Dear roin2,

Thank you for your purchase and taking the time to leave a comment. I apologize for any inconvenience caused regarding the responsive issue of the “Orders” page data list component.

Please allow me to clarify that the data list component is actually already responsive with an `overflow-auto` wrapper, which allows you to still scroll and see the entire table content even on a mobile screen.

However, if you prefer a row-based layout, you can try the following markup.

<tr class="intro-x mb-5 flex flex-col md:table-row">
                        <td class="!md:py-8 w-full !py-5 md:w-40">
                            <a class="whitespace-nowrap underline decoration-dotted" href="">#INV-63807556</a>
                        <td class="w-full md:w-auto">
                            <div class="whitespace-nowrap font-medium">Denzel Washington</div>
                                                            <div class="mt-1 text-xs text-slate-500">Ohio, Ohio</div>
                        <td class="w-full md:w-auto">
                                                            <span class="whitespace-nowrap rounded-full border border-success/20 bg-success/20 px-2 py-1 text-xs text-success">Completed</span>
                        <td class="w-full md:w-auto">
                                                            <div class="whitespace-nowrap">Direct bank transfer</div>
                                <div class="mt-1 text-xs text-slate-500">25 March, 12:55</div>
                        <td class="w-full md:w-auto md:text-right">
                            <div class="pr-16">$63,000,00</div>
                        <td class="table-report__action w-full md:w-56">
                            <div class="flex items-center justify-center py-5">
                                <a class="mr-3 flex items-center whitespace-nowrap" href="javascript:;">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" icon-name="file-text" class="lucide lucide-file-text mr-1 h-4 w-4" data-lucide="file-text"><path d="M14.5 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V7.5L14.5 2z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><line x1="10" y1="9" x2="8" y2="9"></line></svg> View Details

You can see the result at the following link. (Please use incognito if you are using chrome or use another browser if you can’t open the link.)


Please let me know if you have any further questions or concerns. I am here to help.

Best regards, Left4code Team

roin2 Purchased

Amazing. Thanks for the quick response. Love the theme so far :)

You’re welcome! We’re glad to hear that you love the theme and we appreciate your kind words. If you have any further questions or issues, don’t hesitate to reach out to us. We’re always here to help. Thanks for choosing our theme!

i know its out of support but am almost close to what i need i am trying to make your theme into a nuxt 3 project and i always get a postcss error for @layer and @include in @left4code tw_starter no matter i do to fix it ERROR [postcss] \@left4code\tw-starter\dist\css\_form-inline.css:15:5: @apply is not supported within nested at-rules like @include. You can fix this by un-nesting @include.

it would be appreciated if u can help me Thank you

I’m planing to build a new laravel project with this template. Is there a document to guide me how implement to new laravel project?

Is this template can be use in VUE SPA? Is VUE part separate?

Hi rakibgeeky,

Thank you for your question! Yes, our template is fully compatible with Vue SPA projects. It includes a separate Vue project that you can use to build your single page application. Let us know if you have any further questions or if there’s anything else we can assist you with.

Is it possible to convert these files to Laravel Vue Inertia?

Does this theme support RTL? If not, is there an easy method to convert it to RTL?



Thank you for reaching out,

Unfortunately, currently Rocketman still does not support the RTL version.

Great Work!

Thanks.. :D


Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey