We Keep Coding

Next.Js page is not crawlable by the google even if page is not broken

I just finished up my next.js music application beatsbajao and uploaded to live server. Then I submitted my site to google search console. After few days when I checked there was an error in the search console and pages were not indexed.
Screenshot of google search console.
Then I checked with some of the crawlers like https://www.siteliner.com and alphacrawler.pro to crawl my site and they were also not able to crawl many of the pages from site and getting 500 error.
For the first time I was using without baseUrl of site like given below
<Link href="/foo/bar"><a>Go to another page </Link>
and tested it with alphacrawler.pro and it was showing me some errors i.e. page broken.
Then I decided to change tag and added baseUrl of every tag given below
<Link href="https://beatsbajao.com/foo/bar"><a>Go to another page </Link>
In both the scenarios the app works fine in browser but the issue comes when crawlers want to crawl the site and it finds that the page is broken.
I am not sure why the page is not getting crawled by the crawlers.
Above is the screenshot of crawler result which shows the broken page even if it is not broken and can be accessed using that url shown in the screenshot.
I am not able to figure out why crawler is getting 500 error. If this is fixed may be Google can start indexing my site. The project can be seen here beatsbajao.com

How to display a webpage in a html page from an url?

I want to display 2 webpages in single aspx webpage is it possible ?
for example
user -- open link for www.mywebsite.com
In my homepage i want to display both www.google.com and www.bing.com.
In the background i call two different url's and they should display on my same aspx page.

To integrate websites in other websites use an iframe like this:
<iframe src="http://www.bing.com"></iframe>
More information: w3schools
Google
This will not work for google because of their therms and services:
1.3 Your Obligations. You shall receive a Query from the End User and shall forward that Query to Google. You maynot in any way frame, cache or modify the Results produced by Google, except as otherwise agreed to between You and Google.
So if you want to integrate Google search to your website, you can read more about the API here Google Api
Bing
To embend searchresults from bing take a look at the Bing api. 5000 queries per day are free.

redirect_uri_mismatch google plus login with javascript

I am trying to implement login with Google Plus in my website using JavaScript. My origin URL is http://www.locallylahore.com and my redirect URL is http://www.locallylahore.com/oauth2callback/. I tried removing www from my URLs, but it didn't work.
My website URL is http://locallylahore.com/map.php.

You have to make sure to add http://locallylahore.com to the "JavaScript origins" in the Google Developers Console.
Since your website is reachable with and without www I would keep both variants in there. If you try to sign-in at http://www.locallylahore.com/map.php you will see that you don't get the error since you apparently already have the www-variant correctly in the Javascript origins.
Please be aware that changing the origin can take several minutes before it is active, so trying to sign-in right after changing the setting won't work.

Facebook Login and UIWebview

I'm currently developing an app that is essentially a single WebView that allows access to a specific website (terrible idea I know, but the decision comes from higher up); said website offers the option to login through Facebook with the standard Facebook Connect procedure.
The login process works fine in Mobile Safari but unfortunately when a UIWebView attempts to do the same thing after authorizing a blank page is displayed and nothing happens. This is of course because of the page actually being just a JavaScript that communicates with the original page through postMessage (I think!).
I tried searching and while this is a pretty widely recognized problem all the solutions I found are either not applicable or won't work. I found somewhere that it's possible to pass mode=redirect to the oauth URL to prevent the whole process to involve popups which sounds promising but as far as I tell it doesn't work.
Is there a way to make Facebook Connect work for a website inside a UIWebView? I'm considering the option of having the Facebook button call a special URL that I would then listen to inside the ap to trigger a native authentication process but unfortunately since my company is not the one developing the website so this kind of solution would be the least preferred.

Deep linking javascript powered websites

I have a website which has two versions, an all singing all dancing javascript powered application which is served when you request the root url
/
As you navigate around the lovely website the content updates, as does the url, thanks to html5 push state or good old correctly formatted #! urls. However if you don't have javascript enabled you can still use all functionality of the site as each piece of content also exists under it's own url. This is great for 3 reasons
non javascript users can still use the site
SEO - web crawlers can index the site easily
everything is shareable on social networks
The third reason is very important to me as every piece of content must be individually shareable on the site. And because each piece of content has it's own url it is easy to deep link to that url, and each piece of content can have it's own specific open graph data.
However the issue I hit is the following. You are a normal person and have javascript enabled and you are browsing and image gallery on the site and decide to share the picture of a lovely cat you have found. Using javascript the url has been updated to
/gallery/lovely-cat
You share this url and your friend clicks on it. When they click on the link the server sends you the non javascript / web crawler version of the site, and the experience is no where near as nice as the javascript version you would have been served if you directly went to the root of the site and navigated there.
Do anyone have a nice solution / alternative setup to solve this problems? I have several hacks which work, however I am not that happy with them. They include :
javascript redirect to the root of the site on every page and store a cookie / add a #! to the url so on page render the javascript router will show the correct content. ( does google punish automatic javascript redirects? )
render the no javascript page, and add some javascript which redirects the user to the root, similar to above, whenever the user clicks on a link
I don't particularly like either of these solutions, but can't think of a better solution. Rendering the entire javascript app for each page doesn't appear to be a solution to me, as you would end up with bad looking urls such as /gallery/lovely-cat/gallery/another-lovely-cat as you start navigating through the site.
My solution must support old browsers which do not implement push state

Make the "non javascript / web crawler version of the site" the same as the JavaScript version. Just build HTML on the server instead of DOM on the client.
Rendering the entire javascript app for each page doesn't appear to be a solution to me,
That is the robust approach
as you would end up with bad looking urls such as /gallery/lovely-cat/gallery/another-lovely-cat
Only if you linked (and pushStateed) to gallery/another-lovely-cat instead of /gallery/another-lovely-cat. (Note the / at the front).

Try out this plugin it might solve your 3rd reason, along with two reasons.
http://www.asual.com/jquery/address/