Hi, followed your code exactly. Problem is, it works immediately after publishing and

Issue with cache about prerender-cloudfront HOT 2 CLOSED

jinty commented on June 22, 2024

Issue with cache

from prerender-cloudfront.

Comments (2)

jinty commented on June 22, 2024

I can't seem to replicate your issue. I've setup the example from scratch at d29duxwrhdfzyt.cloudfront.net (which is live right now). My tests show the
correct result with the browser getting the non-prerendered version (see below).
Do you have any example I can see?

I admit it's not easy to see which is the pre-rendered version and which not from
the raw HTML. You have to search for "loading..." I'll change the SPA to make it
more obvious.

$ curl -H 'User-Agent: Facebot' https://d29duxwrhdfzyt.cloudfront.net/over/here
<!DOCTYPE html><html><head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Simplest Single Page Application (SPA) Ever</title>
		<style type="text/css">
			/* CSS with thanks http://bettermotherfuckingwebsite.com */
			body{
				margin: 40px auto;
				max-width: 650px;
				line-height: 1.6;
				font-size: 18px;
				color: #444;
				padding:0 10px
			}
			h1,h2,h3{
				line-height:1.2
			}
		</style>
		
	</head>
	<body>
		<h1>Simplest Single Page Application (SPA) Ever</h1>
		<div id="content"><p>Welcome to the /over/here page.</p><p></p><ul><li><a href="/">/</a></li><li><a href="/index.html">/index.html</a></li><li><a href="/somewhere">/somewhere</a></li><li><a href="/anywhere">/anywhere</a></li><li><a href="/over/here">/over/here</a></li><li><a href="/over/there">/over/there</a></li></ul></div>
	

</body></html>%                                                                                                                                 

$  curl https://d29duxwrhdfzyt.cloudfront.net/over/here 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Simplest Single Page Application (SPA) Ever</title>
		<style type="text/css">
			/* CSS with thanks http://bettermotherfuckingwebsite.com */
			body{
				margin: 40px auto;
				max-width: 650px;
				line-height: 1.6;
				font-size: 18px;
				color: #444;
				padding:0 10px
			}
			h1,h2,h3{
				line-height:1.2
			}
		</style>
		<script src="/code.js" async></script>
	</head>
	<body>
		<h1>Simplest Single Page Application (SPA) Ever</h1>
		<div id="content">loading...</div>
	</body>
</html>

from prerender-cloudfront.

jinty commented on June 22, 2024

closing this as it works for me. If you have a counterexample, please provide it and re-open.

thanks

from prerender-cloudfront.

Recommend Projects