Hi,

Yes, because the Oiron react version made from luxiren.

Hi Muhamedauda,

Thanks for the appreciation.

This template already has next.js version. This template including react with next.js, vue with nuxt, and html

Regards.

Hi,

Here are the favicon generator I use https://realfavicongenerator.net/ and https://www.favicon-generator.org/

Regards.

thanks

Youre welcome

Hi,

Maybe you use react/simple-routing, it not support for ststic export. For static export please use the source inside folder react/default

Regards.

Hi, this template base on next.js

Hi,

Thanks for purchasing.

The demo uses react.js version. For the color and layout menu is in support-files/demo/ And for the react component itself is in support-files/demo/[demo1,2,3]/components/wrapper/ThemePalette.js

Regards.

At Digitalocena I’m using the Apps platform.

And I’ve been following this tutorial but was unsuccessful. I deployed other apps on both platforms and did not have this problem, which led me to think that it was some configuration of the template.

I will try to use the simple-routing version

Hi,

I think for Digital Ocean Apps you should use the default version. Please run npm run build then npm run export in your local computer. That will generate out/ folder, then push the out/ folder to the repo (sometime it ignored by .gitignore, so please adjust it)

In DigitalOcean App, create Apps. Choose your repo and choose the Source Directory with ”/out”. Then just continue the step until finish

If you’re using Cloudflare you can direct upload the generated files with CloudFlare Pages. There’s in Dashboard Menu “Workers & Pages” > Overview > Create Application > Pages > Upload or Connect to Repo. Here’s the details https://developers.cloudflare.com/pages/

I created this with CloudFlare Page https://oiron-crypto.pages.dev/en/

Regards.

Hi,

You the Oiron latest version already implement next v13 and MUI v5, you can download from your Themeforest Dashboard.

Regards.

Thank you so much. I found it.

Hi, Thanks for purchasing.

In _app.js, import the necessary dependencies:

import React from 'react';
import { useRouter } from 'next/router';
import ComingSoonPage from './coming-soon';

Inside the _app component, create a state variable to track whether the website is complete or not. For this example, let’s assume you have a boolean flag named isWebsiteComplete.

const MyApp = ({ Component, pageProps }) => {
  const router = useRouter();
  const isWebsiteComplete = false; // Replace this with your flag

  // Check if the website is complete, and redirect to the coming soon page if it's not
  if (!isWebsiteComplete && router.asPath !== '/coming-soon') {
    router.replace('/coming-soon');
    return <ComingSoonPage />;
  }

  // Render the component as usual if the website is complete or already on the coming soon page
  return <Component {...pageProps} />;
};

export default MyApp;

Hope this can help.

Regards.

Thanks for the reply. I tried that, however there is already a router comes from the props:

const { Component, pageProps, router } = props; // eslint-disable-line

so I cannot define a new router. If I remove that one, then the original <Component /> will not get the key={router.route} from the props.

If I use the router from the props only, without defining a new useRouter(), then I get: Uncaught Error: No router instance found. you should only use “next/router” inside the client side of your app.

Any idea how to fix it? Thanks.

Hi,

Please try to change the variable name for useRouter like const routerRedirect = useRouter(); then rename the rest of that variable usage.

Hi checklist,

Thanks for purchasing.

text: {
  flex: 1,
}

and for the dot

leftSide: {
  '& $text': {
      '&:after': {
           top: calc(50% - 12px);
      }
   }
}

rightSide: {
  '& $text': {
      '&:after': {
           top: calc(50% - 12px);
      }
   }
}

I will make a patch for this issue in next update.

Regards.

Did the trick! Thanks!

Youre welcome

Hi,

Thanks for visiting my portfolio. As long as it can be reached by internet 4g or 5g it should be okay. Because hard to me to create a web with many visual effect and high perfomance.

Hi clementhommez ,

Thanks for purchasing and the appreciation.

Those both options are from previous next.js version, because it was uses express before. You can safely remove them.

I will clean up this on next update.

Regards.

how to run this project into react js

please help me

Hi, please check in the documentation/react. Here is the online version https://ilhammeidi.github.io/oiron-docs/#install

HI mrthiitvn,

Thanks for purchasing.

You can change with https, https://via.placeholder.com

I will fix this issue in next update on the next week.

Regads.

Hi gravitonweb,

Thanks for purchasing.

For installation and running react.js you can check in documentation folder. And here’s the online version https://ilhammeidi.github.io/oiron-docs/#install

Regads.

However I want to let you know that after uninstalling the antivirus in my PC it worked. Thanks for the support

Never mind I have found the configuration for the theme colour, thanks

Ok youre welcome

Hi,

You can add this code in /Forms/Contact.js

import FormControl from '@material-ui/core/FormControl';
import Select from '@material-ui/core/Select';
import InputLabel from '@material-ui/core/InputLabel';

<FormControl className={classes.formControl}>
        <InputLabel id="demo-simple-select-label">Age</InputLabel>
        <Select
          labelId="demo-simple-select-label" 
          id="demo-simple-select" 
          value={age}
          onChange={handleChange}
        >
          <MenuItem value={10}>Ten</MenuItem>
          <MenuItem value={20}>Twenty</MenuItem>
          <MenuItem value={30}>Thirty</MenuItem>
        </Select>
      </FormControl>

Regards.

Hmm… You lost me on this one. The files you mention here are only available from the eact package while I’m using the html package… In the same time, I’m unable to find anywhere the code to handle the from send…

Hi,

For form styling html version this template use materializecss. Here’s for selection styling https://materializecss.com/select.html

<div class="input-field col s12">
    <select>
      <option value="" disabled selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
  </div>

And for form submission, this template only handle front-end side, you need a backend like php mysql, java, etc to handle it. Here’s the reference https://code.tutsplus.com/tutorials/create-a-php-login-form--cms-33261

Regards.

Hi,

Sorry I only have next.js and html jquery also vue with nuxt.js in differemt item.

Regards.

Hi this template has a basic version with html css jquery in oiron-html folder, you can try that.

Thank You so much for response

Hi, this is Liveen,

We purchased Oiron’s React HTML Landing Page Collection, which has proven to be beneficial to us, but these templates are built with Next.js and typescript, and while writing the small amount of code we got the errors. If it is available in pure React.js without typescript and Next.js, we will pay the extra amount for it because it is important for us as of now. We have purchased it for our organization, and they will fire on us. We have to deliver it on time.

If this template is available in pure React without typescript and next, please let me know.

Template purchased data: 22 Nov 2022 Purchased user: Narendra1235!