Discussion on Fleja - React Nextjs 16 Multi-Niche Responsive Template

Discussion on Fleja - React Nextjs 16 Multi-Niche Responsive Template

Cart 104 sales
Well Documented

EnvyTheme supports this item

Supported

This author's response time can be up to 1 business day.

15 comments found.

Hi, per sNuuu’s comment this theme does not support SSR. Is this true for next.js? Do you have any plans to add SSR support for next.js? If not, what is missing to implement this after purchasing the theme?

Thanks for your message!

The Next.js support SSR by default.

The Fleja react is a static template, there is not has done anything for dynamic content but the template support SSR.

Please see this below link.

https://nextjs.org/docs/basic-features/data-fetching

Best wishes

- Good Code Structure - Easy to use

But SSR is not working on default. :(

Thanks for your message.

Please see this below link.

https://nextjs.org/docs/basic-features/data-fetching

Best wishes

npm run dev error fleja@1.5.0 start /home/squadtes/fleja > NODE_ENV=production node server.js -p $PORT

> Read on http://localhost:3000 Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings. at Z (/home/squadtes/fleja/.next/server/pages/_document.js:1344:404) at Object.module.exports.aO5z.exports.useState (/home/squadtes/fleja/.next/server/pages/_document.js:1350:277) at Link (/home/squadtes/fleja/.next/server/pages/index.js:1343:50) at d (/home/squadtes/nodevenv/fleja/10/lib/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:36:498) at $a (/home/squadtes/nodevenv/fleja/10/lib/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:39:16) at a.b.render (/home/squadtes/nodevenv/fleja/10/lib/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:476) at a.b.read (/home/squadtes/nodevenv/fleja/10/lib/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:44:18) at renderToString (/home/squadtes/nodevenv/fleja/10/lib/node_modules/react-dom/cjs/react-dom-server.node.production.min.js:54:364) at Object.renderPage (/home/squadtes/nodevenv/fleja/10/lib/node_modules/next/dist/next-server/server/render.js:50:851)

onixm

onixm Author Team

Thanks for the message! We are quite not getting real things from this error as the project still working fine for a fresh installation. It might be useful if you please describe the steps, how you tried, and get the error.

Feel free to send us an email to hello@envytheme.com if you have any queries.

Regards,

EnvyTheme support

step.. npm install then npm start (for development on http://localhost:3000) then error like this : yarn start yarn run v1.22.5 $ NODE_ENV=production node server.js -p $PORT Warning: Built-in CSS support is being disabled due to custom CSS configuration being detected. See here for more info: https://err.sh/next.js/built-in-css-disabled

event – compiled successfully > Read on http://localhost:3000 event – build page: / wait – compiling… event – compiled successfully Error: Invalid hook call. Hooks can only be called inside of the body of a funct ion component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://fb.me/react-invalid-hook-call for tips about how to debug and fix th is problem. at resolveDispatcher (webpack-internal:///../nodevenv/fleja2/10/lib/node_mod ules/react/cjs/react.development.js:1465:13) at Object.useRef (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules /react/cjs/react.development.js:1504:20) at Link (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules/next/dis t/client/link.js:184:38) at processChild (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-do m/cjs/react-dom-server.node.development.js:3043:14) at resolve (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-dom/cjs /react-dom-server.node.development.js:2960:5) at ReactDOMServerRenderer.render (/home/squadtes/nodevenv/fleja2/10/lib/node _modules/react-dom/cjs/react-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (/home/squadtes/nodevenv/fleja2/10/lib/node_m odules/react-dom/cjs/react-dom-server.node.development.js:3373:29) at renderToString (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react- dom/cjs/react-dom-server.node.development.js:3988:27) at Object.renderPage (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/nex t/dist/next-server/server/render.js:50:851) at Function.getInitialProps (webpack-internal:///../nodevenv/fleja2/10/lib/n ode_modules/next/dist/pages/_document.js:141:19) event – build page: /_error wait – compiling… event – compiled successfully Warning: You have added a custom /_error page without a custom /404 page. This p revents the 404 page from being auto statically optimized. See here for info: https://err.sh/next.js/custom-error-no-custom-404 Error: Invalid hook call. Hooks can only be called inside of the body of a funct ion component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://fb.me/react-invalid-hook-call for tips about how to debug and fix th is problem. at resolveDispatcher (webpack-internal:///../nodevenv/fleja2/10/lib/node_mod ules/react/cjs/react.development.js:1465:13) at useContext (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules/re act/cjs/react.development.js:1473:20) at Html (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules/next/dis t/pages/_document.js:171:29) at processChild (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-do m/cjs/react-dom-server.node.development.js:3043:14) at resolve (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-dom/cjs /react-dom-server.node.development.js:2960:5) at ReactDOMServerRenderer.render (/home/squadtes/nodevenv/fleja2/10/lib/node _modules/react-dom/cjs/react-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (/home/squadtes/nodevenv/fleja2/10/lib/node_m odules/react-dom/cjs/react-dom-server.node.development.js:3373:29) at renderToStaticMarkup (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/ react-dom/cjs/react-dom-server.node.development.js:4004:27) at renderDocument (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/next/d ist/next-server/server/render.js:3:640) at renderToHTML (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/next/dis t/next-server/server/render.js:52:103) Error: Invalid hook call. Hooks can only be called inside of the body of a funct ion component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https://fb.me/react-invalid-hook-call for tips about how to debug and fix th is problem. at resolveDispatcher (webpack-internal:///../nodevenv/fleja2/10/lib/node_mod ules/react/cjs/react.development.js:1465:13) at Object.useRef (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules /react/cjs/react.development.js:1504:20) at Link (webpack-internal:///../nodevenv/fleja2/10/lib/node_modules/next/dis t/client/link.js:184:38) at processChild (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-do m/cjs/react-dom-server.node.development.js:3043:14) at resolve (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react-dom/cjs /react-dom-server.node.development.js:2960:5) at ReactDOMServerRenderer.render (/home/squadtes/nodevenv/fleja2/10/lib/node _modules/react-dom/cjs/react-dom-server.node.development.js:3435:22) at ReactDOMServerRenderer.read (/home/squadtes/nodevenv/fleja2/10/lib/node_m odules/react-dom/cjs/react-dom-server.node.development.js:3373:29) at renderToString (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/react- dom/cjs/react-dom-server.node.development.js:3988:27) at Object.renderPage (/home/squadtes/nodevenv/fleja2/10/lib/node_modules/nex t/dist/next-server/server/render.js:50:851) at Function.getInitialProps (webpack-internal:///../nodevenv/fleja2/10/lib/n ode_modules/next/dist/pages/_document.js:141:19)

Thanks for your message! Looking at that & back to you soon.

Best

Hello! I’m trying to upload Theme to my server via Cpanel. While following the steps all correctly at the end I get a blank page and only the favicon appears in the navigation tab. What can I do? May I send you a screenshot?

onixm

onixm Author Team

Thanks for the message! Please send us an email to hello@envytheme.com with query details including screenshots.

Regards,

EnvyTheme support

Dear sir or madam,

I purchased this theme BY MISTAKE for our website www.adeeban.com I thought I was purchasing another theme “pungent”. I would appreciate it if you would issue a refund. You can check our website and will realize that we are not (and will not) use your template. Please note we are an actual company (Adeeban LLC) based in Charleston South Carolina, USA.

Sincerely, Pasha Sadeghian

Thanks for the message! Please submit a refund request if the item hasn’t been downloaded yet.

https://themeforest.net/page/customer_refund_policy#resolving-disputes

Regards,

EnvyTheme support

Hello, I am trying to locate the main index.html file on which I have to add some code lines in order to use the react-slick (carousel). Could you please point to me the path to find the file. I cannot uderstand why it is not exist on my src folder. Thank you.

onixm

onixm Author Team

Thanks for the message! As it is nextjs & reactjs app, so there doesn’t have any HTML file.

Feel free to send us email to hello@envytheme.com if you have any queries.

Regards,

EnvyTheme support

Yes, it is obvious that the theme is reactjs but as you probably know better than me, it has to produce a “build” folder (yarn build) in which must include the index.html file. But your structure is very strange and even if run the yarn build command, no build file is been produced.

onixm

onixm Author Team

Thanks for the message! It is developed with Next.js framework so that you need to apply the different approaches for building with static export, after that you will find a folder into the project root.

Please follow the below link https://nextjs.org/learn/excel/static-html-export/export-the-index-page

Regards

Hello,

I am planning to deploy the app into production, I will be using a firebase hosting service to deploy it. Please let me know the steps to deploy.

Regards, Dalglish

onixm

onixm Author Team

Apologies for the late reply! Please follow the attached links step by step to deploy the app into production.

Here is the link

Step:1 https://nextjs.org/learn/excel/static-html-export/export-the-index-page Step 2: https://firebase.google.com/docs/hosting/quickstart

Feel free to send us email to hello@envytheme.com if you have any queries.

Regards,

EnvyTheme support

e2397d1b-67b4-438f-b171-efbbb2f26cbc

Hi I get below issue when executing npm run dev

[ event ] build page: /_error

onixm

onixm Author Team

Thanks for the message! Generally, it’s not an error it means that a page generated like 404 in your project. If you think it’s an issue then please share bit details with the screenshot.

Feel free to send us email to hello@envytheme.com if you have any queries.

Regards,

EnvyTheme support

Can this website be exported as a static site with Next.js?

Project Installation setup help needed.

onixm

onixm Author Team

Thanks for the message! We replied by email. Please read our documentation for more details.

Regards,

EnvyTheme support

Hi, I have a question. What I am supposed to receive after purchase, do I need to code to customize this template for my need. Is there some admin interface also shipped with the purchase so that we can customize the output.

Please reply.

Cheers, travelpal

Thanks for the message! The template doesn’t have any admin dashboard to manage the contents of the individual components. After purchase then only need to update the contents i.e. text, images, etc. based on website needs. For customizing the design then have to add own customized code same way how the existing code written in the template.

Please feel free to let us know if any other questions.

Regards,

EnvyTheme support

Publish Angular and Bootstrap version?

Thanks! Angular version will be released soon.

Regards,

EnvyTheme support

Very Nice Work, Good Luck With Sales :)

Congratulations! Nice Work, GLWS :)

Congratulations! Nice Work, GLWS :)

by
by
by
by
by
by

Tell us what you think!

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

Sure, take me to the survey