Giter VIP home page Giter VIP logo

portfolio_website's Introduction

portfolio_website's People

Contributors

adrianhajdin avatar enyelsequeira avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

portfolio_website's Issues

NPM install failed

On deploying to Vercel its shows this error
Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:71:19) at Object.createHash (node:crypto:133:10) at BulkUpdateDecorator.hashFactory (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:133790:18) at BulkUpdateDecorator.update (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:133692:50) at OriginalSource.updateHash (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack-sources2/index.js:1:19148) at NormalModule._initBuildHash (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65772:17) at handleParseResult (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65837:10) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65928:4 at processResult (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65651:11) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:65711:5 at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30739:3 at iterateNormalLoaders (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30565:10) at Array.<anonymous> (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:30556:4) at runCallbacks (/Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:20166:15) at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:20339:4 at /Users/sarmadgardezi/Desktop/git portfolio sites/portfolio_website-main/node_modules/next/dist/compiled/webpack/bundle5.js:29533:16 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' }

It was seem the doc can be cpmpiled. But there was no content by "Internal Server Error" on the broswer.

bash: /Users/liudong/.nvm/nvm.sh~/.ii: No such file or directory

The default interactive shell is now zsh.
To update your account to use zsh, please run chsh -s /bin/zsh.
For more details, please visit https://support.apple.com/kb/HT208050.
192:portfolio_website-STARTER liudong$ npm run dev

[email protected] dev
next dev

โ–ฒ Next.js 14.2.1

โœ“ Starting...
/bin/sh: yarn: command not found
Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
โœ“ Ready in 3.1s
Using external babel configuration from /Users/liudong/My Project/portfolio_website-STARTER/.babelrc
โš  It looks like there is a custom Babel configuration that can be removed:
โš  Next.js supports the following features natively:
โš  - 'styled-components' can be enabled via 'compiler.styledComponents' in 'next.config.js'
โš  For more details configuration options, please refer https://nextjs.org/docs/architecture/nextjs-compiler#supported-features
โ—‹ Compiling / ...
โจฏ ./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
Error: Failed to resolve "@babel/runtime/regenerator" relative to "/Users/liudong/My Project/portfolio_website-STARTER"
Import trace for requested module:
./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/client.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/hot-reloader-client.js
./node_modules/next/dist/client/dev/hot-middleware-client.js
โจฏ ./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
Error: Failed to resolve "@babel/runtime/regenerator" relative to "/Users/liudong/My Project/portfolio_website-STARTER"
Import trace for requested module:
./node_modules/next/dist/client/components/react-dev-overlay/internal/helpers/getErrorByType.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/client.js
./node_modules/next/dist/client/components/react-dev-overlay/pages/hot-reloader-client.js
./node_modules/next/dist/client/dev/hot-middleware-client.js
โจฏ Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async DevServer.renderToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2014:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async NextNodeServer.handleCatchallRenderRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/next-server.js:272:17)
at async DevServer.handleRequestImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:811:17)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:353:24) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async DevServer.renderToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2014:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async NextNodeServer.handleCatchallRenderRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/next-server.js:272:17)
at async DevServer.handleRequestImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:811:17)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:353:24) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
Error: ENOENT: no such file or directory, open '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
at readFileSync (node:fs:457:20)
at loadManifest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-manifest.js:35:54)
at loadManifestWithRetries (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-components.js:40:51)
at async loadDefaultErrorComponentsImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/load-default-error-components.js:30:24)
at async DevServer.getFallbackErrorComponents (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:594:16)
at async DevServer.renderErrorToResponseImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2198:40)
at async pipe.req.req (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:2051:30)
at async DevServer.pipeImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/base-server.js:915:25)
at async /Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:339:20
at async Span.traceAsyncFn (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/trace/trace.js:154:20)
at async DevServer.handleRequest (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/dev/next-dev-server.js:336:24)
at async invokeRender (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:174:21)
at async requestHandlerImpl (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/router-server.js:389:24)
at async Server.requestListener (/Users/liudong/My Project/portfolio_website-STARTER/node_modules/next/dist/server/lib/start-server.js:141:13) {
errno: -2,
code: 'ENOENT',
syscall: 'open',
path: '/Users/liudong/My Project/portfolio_website-STARTER/.next/fallback-build-manifest.json'
}
GET / 500 in 4910ms
GET / 500 in 209ms

When i finished "npm i", updated the react version and run "npm run dev", It was seem the doc can be cpmpiled. But there was no content by "Internal Server Error" on the broswer.

Tags in project card going out of card

When you use too many tags that are related to your project then the content is going out of the card

Example: 'React', 'API','HTML','Css','Hooks', "Redux" ,"SQL", "Heroku", "Github", Bootstrap, Sass

This tags lists is going out of card in live demo

And i fixed this issue by using grid for the Tags component and opened pull request for it

> Contact form gets submitted even if all the fields are empty, that is not a great user experience. It would be better if there were snackbars raising empty fields issue.

          > Contact form gets submitted even if all the fields are empty, that is not a great user experience. It would be better if there were snackbars raising empty fields issue.

Yes, you're absolutely right. Having a contact form that gets submitted even if all the fields are empty is not a good user experience. Users might assume that their message was sent successfully, only to later realize that the form was never submitted due to missing fields.

Adding snackbars that raise empty fields issue is a great solution to this problem. When the user clicks the submit button, the form should first check if all the required fields are filled. If any field is empty, a snackbar should appear indicating that the user needs to fill all the required fields before submitting the form.

This provides a clear indication to the user that they need to provide all the required information, making it less likely that they will accidentally submit the form without filling in all the necessary fields. Additionally, this approach can help to reduce the number of form submissions that fail due to missing information, improving the overall user experience.

Originally posted by @amangupta679 in #39 (comment)

this error occurs when i start the react app

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\Aditya\Downloads\portfolio_website-STARTER\portfolio_website-STARTER\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Node.js v18.16.0

Invalid hook call. Hooks can only be called inside of the body of a function component

using react -v : 18.2.0 because next js need react -v : 18.2.0 or above

after running npm run dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Disabled SWC as replacement for Babel because of custom Babel configuration ".babelrc" https://nextjs.org/docs/messages/swc-disabled
info - Using external babel configuration from D:....\Reactjs\portfolio_website-main.babelrc
event - compiled client and server successfully in 5.4s (212 modules)
wait - compiling / (client and server)...
event - compiled client and server successfully in 2.7s (287 modules)
Warning: Invalid hook call. Hooks can only be called inside of the body of a function 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

Not supported

This error happenes when i do npm run build i try everthing i need help

Error: Could not find a production build in the '/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id

dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER % npm i
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.

added 306 packages, and audited 307 packages in 5s

45 packages are looking for funding
run npm fund for details

2 vulnerabilities (1 moderate, 1 high)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run npm audit for details.
dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER % npm start

[email protected] start
next start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
Error: Could not find a production build in the '/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
at Server.readBuildId (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/next-server/server/next-server.js:151:355)
at new Server (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/next-server/server/next-server.js:3:120)
at NextServer.createServer (/Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/server/next.js:1:2935)
at async /Users/dmitriymalayev/Desktop/portfolio_website-STARTER/node_modules/next/dist/server/next.js:1:3360
dmitriymalayev@Dmitriys-Mini portfolio_website-STARTER %

issue on run

[email protected] start
next start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Error: Could not find a production build in the 'C:\Personal\portfolio_website.next' directory. Try building your app with 'next build' before starting the production server. https://nextjs.org/docs/messages/production-start-no-build-id
at Server.readBuildId (C:\Personal\portfolio_website\node_modules\next\dist\server\next-server.js:1559:23)
at new Server (C:\Personal\portfolio_website\node_modules\next\dist\server\next-server.js:92:29)
at NextServer.createServer (C:\Personal\portfolio_website\node_modules\next\dist\server\next.js:107:16)
at async C:\Personal\portfolio_website\node_modules\next\dist\server\next.js:119:31

Hero section Button not working

Hi,

When I try 'npm run dev' at the localhost and click the "Learn More" button, it redirects to another website correctly. But after I run 'npm run build' and deploy my portfolio on a cloud server, it won't work. I tried lots of possible solutions online but none of them is working. I do not know where the problem is.

Anyone can help? T_T

Dev console is throwing an error

Warning: Received truefor a non-boolean attributetitle`.

If you want to write it to the DOM, pass a string instead: title="true" or title={value.toString()}.
at h3
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at section
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at section
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at Projects
at main
at div
at O (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:19450)
at Layout (http://localhost:3000/_next/static/chunks/pages/index.js?ts=1629311327258:8412:23)
at Home
at Ge (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:2838:17005)
at Theme (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:1020:23)
at App (http://localhost:3000/_next/static/chunks/pages/_app.js?ts=1629311327258:821:24)
at ErrorBoundary (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:742:47)
at ReactDevOverlay (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:858:23)
at Container (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:8719:5)
at AppContainer (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:9207:24)
at Root (http://localhost:3000/_next/static/chunks/main.js?ts=1629311327258:9343:25)`

Links do not work after building

they do work during dev, but they stop working after building , href are not generated on anchor tags.
i got it to work by adding passHref attribute on Link tags, i made a pull request if that's ok

Error: error:0308010C:digital envelope routines::unsupported

Hey! When running the project in dev I get the following error:

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5
node:internal/crypto/hash:71
this[kHandle] = new _Hash(algorithm, xofLen);
^

Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at BulkUpdateDecorator.hashFactory (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133790:18)
at BulkUpdateDecorator.update (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:133692:50)
at OriginalSource.updateHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack-sources2\index.js:1:19148)
at NormalModule._initBuildHash (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65772:17)
at handleParseResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65837:10)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65928:4
at processResult (C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65651:11)
at C:\Users\pablo\Documents\GitHub\portfolio_website\node_modules\next\dist\compiled\webpack\bundle5.js:65711:5 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.