Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
1

Hsienz

@Hsienz550 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • using nextjs and tailwindcss

    #next#tailwind-css

    Hsienz•550
    Submitted about 2 years ago

    0 comments
  • URL shorten site using cookie to store history

    #svelte#tailwind-css

    Hsienz•550
    Submitted over 2 years ago

    0 comments
  • sveltekit with tailwind

    #svelte#tailwind-css

    Hsienz•550
    Submitted over 2 years ago

    0 comments
  • Server side rendering using Sveltekit with tailwind

    #svelte#tailwind-css

    Hsienz•550
    Submitted over 2 years ago

    0 comments
  • Sveltekit with tailwind

    #svelte#tailwind-css

    Hsienz•550
    Submitted over 2 years ago

    0 comments
  • React with tailwind

    #react#tailwind-css

    Hsienz•550
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • The Nghia•140
    @dothenghia
    Submitted over 2 years ago

    Interactive rating component [using ReactJS]

    #react#vite
    3
    Hsienz•550
    @Hsienz
    Posted over 2 years ago

    Hello, I also use Vite to create my react project. You can try to deploy your app on github by add base in your vite.config.js, which you have done it.

    Then, install gh-pages by

    npm i gh-pages
    

    And then, add these two scripts to your package.json's "scripts" object:

        "predeploy": "npm run build",
        "deploy": "gh-pages -d dist"
    

    so your package.json may look like

       ...
      "type": "module",
      "scripts": {
        "dev": "vite",
        "build": "vite build",
        "preview": "vite preview",
        "predeploy": "npm run build",
        "deploy": "gh-pages -d dist"
      },
      "dependencies": {
      ...
    

    then you can simply run

    npm run deploy
    

    to deploy your web to github

    Because I am also a beginner, I am not sure the answer of the second question. But I also pass useState to child. So I think it is ok to use.

    Hope those would help you.

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub