404 page after importing project from github to vercel - next.js

This is my 5th project deployed to the Vercel via GitHub (after almost year break). However after importing the project from the GitHub and pushing it to Vercel I am getting 404 page with a link to unhelpful page with explanation why I might see the 404 page (which naturally does not resolve even remotely the issue). I don't understand. My previous 4 projects were deployed this way and they work to this day. Simple push to the GitHub will update the project and publish it live. The projects says it is build, there are no errors. It works on local building it with npm run dev.
The project was added the recommended way as per the Next documentation using npx - command was copy-pasted from the documentation.
I have consulted this with how to publish Next.js project to Vercel and there are simple 4 steps which I did.
Does anyone maybe had similar experience and managed to resolve this kind of issue? Thank you kindly for your time.

Related

How to deploy symfony rest api project in hosting without third-party applications?

I am trying to deploy symphony api project in hosting.
Until now, all the projects I have done have been pure php, uploading to hosting is simple and everything always works perfectly.
The situation with symfony is tragic and impossible for me, uploading the code just does not work.
I'm really very disappointed with the framework... deploying react, angular is so easy and here it's just ridiculously impossibly hard...
My question is not specific but I'm sure if there is a good answer it will be useful for thousands like me!
Can someone help me with this please? Any tutorial, video etc.
For 3 days I have been searching for information on Google and YouTube from morning to night all day like crazy.
I would appreciate it if someone could just send me a link to a blog tutorial or a video that works without third party applications. I am really tired...
Symfony is alive and well, just had a major developer conference in Paris days ago. Symfony has a new minor release every 6 months, a new version 6.2 will be released in the coming days.
Just make sure to follow the information for deployment linked above as well as the setup requirements: https://symfony.com/doc/current/setup.html#symfony-tech-requirements. Perhaps you are trying to run Symfony 6.1 with PHP lower than 8.1?
As to other backend frameworks like Laravel (which is based in part on Symfony): Almost everything in PHP land nowadays is using Composer for easy installation. Any hosting environment that provides SSH access should allow you to setup/use Composer.
A common pipeline to roll out projects can be IDE > GitHub > server. You can however use SFTP as well, just make sure that the program you are using follows the .gitignore file and doesn't try to upload everything. Afterwards run Composer and Yarn/NPM to install everything that your project needs.
the whole problem was in the version of composer, which is 1.0.0 in the hosting, which creates hundreds of errors and it is simply impossible to install the project written on the latest version.
All I had to do was manually install the latest version of composer on the hosting.
Then I install the project using the composer phar file
php ~/composer.phar install
instead of the default one which from the hosting is the oldest version 1.0.0 and bring impossible to fix problems.
If anyone has a similar problem just check the composer version in the hosting.

How to deploy a tailwind project without losing its originality?

I completed my first tailwind project and I worked on it by opening it on my VSS live server. However, after I finished working on the project and deployed it on github and netlify, the website looks slightly different. For example, the nav bar is compressed and also any other such components.
My first screenshot is of how the website looks in my VSS live server.
The second screenshot is of how it looks once it's deployed or even after I open it directly in Chrome from local storage.
I have worked very hard on this and I want it to deploy as it shows in my live server and I am unable to understand why there is such a big difference.
This is the link to my github code: https://github.com/ajayksuresh/ineuron-paytm-clone
This is the deployed link: https://aj-paytm-clone.netlify.app/
Please note that I used tailwind by installing it using npm.

Error: `pages/404` can not have getInitialProps/getServerSideProps

I ran into this error when trying to build nextjs commerce into an existing monorepo. There were a slew of other errors resulting from switching to yarn workspaces and turbo, but this one was the most cryptic. I was able to determine that the files in the repo were perfectly fine by successfully deploying the same files in a different repo and different project. So the question is WHY IS THIS HAPPENING only for this project deploy on Vercel in my monorepo?
This can be caused if you have next#latest as one of the dependencies in a related project. If you examine the failing build's warnings carefully you will notice:
warning Pattern ["next#latest"] is trying to unpack in the same destination "/vercel/.cache/yarn/v6/npm-next-12.1.5-7a07687579ddce61ee519493e1c178d83abac063-integrity/node_modules/next" as pattern ["next#^12.0.8","next#^12.0.8","next#^12.0.8","next#^12.0.8"]. This could result in non-deterministic behavior, skipping.
This is the revealing error. The manifested problem in my case was that the error above. However I suspect it could show up in other ways. This is just one of the gotchas you should be aware of if using yarn workspaces. Moved to next#latest to ^12.0.8 and suddenly all problems will vanish. You're welcome. Don't waste a day on this like I did.

How to fix Vercel Deploy Next jS without any error notification?

I've developed NextJS Project and already deployed to Vercel. Today when I updated my code and pushed to Github, and begin to deploy on Vercel, it shows me error. Build logs is attached in screenshot.
I've tried to delete node_modules, cleaning cache and all, but it didn't work.
The strange thing I'm not seeing any error and the reason for failing. In my local host, everything is working perfectly and no errors whatsoever, but Vercel is not giving me any error but just one notification:
Error: Command "npm run build" exited with 1
Can somebody let me know please what could be the reason of it? I can see there are some warnings but these warnings I suppose are not the main cause of this strange issue.
Thanks for reply. After spending 2-3 hours , I had intentionally put an error in my code, deleted one dependency from node_modules to see the build logs of Vercel. And removed a component from my code. So during deployment on Vercel of ERROR Code, it has shown me the errors indeed. And when I undo my changes and again started to deploy, that works like a charm. Not sure what was the reason still. Might be Vercel got some bugs at that period of time in my account. LOL
Removed one of the dependency from package.json
Then Deployed again to Vercel. Then it has shown me some error that makes sense.
Screenshot is attached.
Errors shown in Vercel
After fixing that error, it worked !

READ ERROR when deploying Polymer web app onto Firebase hosting

I'm trying out Polymer web components for the first time and everything is working perfectly fine using Brackets Live Preview.
But when I try to deploy the app using Firebase hosting I get a READ ERROR.
READ ERROR - Could not read directory. Remove symbolic links / shortcuts and try again.
I updated firebase-tools but still get the same error.
I've spent so many hours going through tech forums hoping I'd find somebody having the same issue but unsuccessful.
Any information regarding my inquiry is much appreciated.
Your app's directory contains a shortcut or a symbolic link. You need to replace that with the actual content before firebase-tools can upload the site. Once you've removed the shortcut firebase deploy should work as expected

Resources