Skip to main content
Filter by
Sorted by
Tagged with
0 votes
1 answer
118 views

i did a simple React project that contains a css file and a react component that uses a img tag to display an image. The css is just using a background image at body. package.json: { "name&...
josea's user avatar
  • 193
4 votes
0 answers
724 views

getting error in setup of react-snap in React vite I tried this + "source": "/dist" it creates 200.html how do i solve this problem 🔥 pageerror at /: SyntaxError: Unexpected ...
Vasim Shaikh's user avatar
1 vote
0 answers
316 views

I've implemeted a react-snap to create static html. However, after implemetin the react-snap I noticed SEO issues which the old urls (which were index) have been redirected to new urls with slash ...
loink's user avatar
  • 11
1 vote
0 answers
96 views

My build is failing on AWS amplify. I am not able to find the root of the cause. I have added post build script for react-snap. Once amplify finishes the npm run build successfully, react-snap is ...
Shweta Tiwari's user avatar
0 votes
1 answer
208 views

My build is failing on AWS amplify even after crawling is successful. I am not able to find the root of the cause. I'll share the package.json file and the amplify.yml used along with the screenshot ...
Keshav's user avatar
  • 11
0 votes
0 answers
346 views

I have build a react application in which there are multiple API calls integration to fetch the data as well. In order to improve performance, seo score and Google adsense integration I need to make ...
Springy Developer's user avatar
1 vote
0 answers
371 views

i am using react-snap to pre-render pages with react-helmet and it works fine but i ran into two problems first: home page appears on top of all pages and in all routes second: meta tags of home page ...
Mazen Ahmed's user avatar
2 votes
1 answer
674 views

After build and post build with react snap when I am trying to see if the meta tags are working properly or not by using chrome extension "localhost open graph debugger" and metatags.io ...
Asutosh Pradhan's user avatar
0 votes
2 answers
6k views

I've created an app using create-react-app and everything was working fine, including the build. I've followed the steps to implement react-snap (installed using npm, modified index.js, and added the ...
SabrinaL.'s user avatar
0 votes
2 answers
2k views

I have an application which displays different meta information for different pages. The Meta information for Homepage The meta information for about page The meta information for contact page I ...
Yash's user avatar
  • 23
1 vote
0 answers
326 views

I installed react snap to my react project and then when I run build it doesn't crawl each page instead shows some error. Previously it was working fine, but don't know what happened now. this is the ...
Amit Kumar Mishra's user avatar
1 vote
1 answer
588 views

I`ve pushed my react project to AWS amplify with git. I installed the react-snap package for SEO reasons. When inspecting the Amplify Console, it shows that the provision step succeeded, but the ...
Heinz's user avatar
  • 143
1 vote
0 answers
366 views

So react-snap automatically runs after npm run build which is defined in postbuild command , Sorry i had to comment my computer paths due to company policy [email protected] postbuild /home/xxxxxx/xxxx/...
Sreejan Agahari's user avatar
0 votes
1 answer
1k views

I have a react website that I host on AWS. I have created code pipeline in AWS that connects to my github, which automatically builds the projects using codeBuild and deploys it to S3. I'm trying to ...
Caesar's user avatar
  • 9,923
1 vote
0 answers
424 views

react-snap changes the path by adding extra '/'. For example, when i try to go to '/en', it redirects to '/en/'. So page shows ErrorScreen (not found). I can not access to my paths ('/en', '/en/about',...
Rodolphus's user avatar
0 votes
1 answer
712 views

Recently moved to react-snap on a react site (so I can live that meta tag preview life if anyone shares links to my work). A weird issue I'm having is that my unlinked pages, especially my 404 page is ...
nickv47's user avatar
0 votes
1 answer
5k views

I'm trying to do some SEO for my static React application. The problem is that react-snap that I use for pre-rendering only pre-renders the front page of my app, because that opens to user by default ...
Mr. Engineer's user avatar
1 vote
0 answers
446 views

I created a blog with contentful api in the client folder with the api keys located in the .env.devlopment file. I also have an .env file to hold my api keys for cloudinary in the same client folder. ...
tailor's user avatar
  • 11
-1 votes
1 answer
844 views

I'm using react-snap to pre-generate my website content instead of client side rendering. After building the project, when I manually edit index.html, the changes only get applied if the edited ...
Mr. A's user avatar
  • 343
4 votes
0 answers
411 views

We have created a web app using react native web. We want to add a server-side rendering to our app. We have added a code to render the page server-side, but it's not working, I can see the blank ...
mitesh7172's user avatar
0 votes
1 answer
769 views

I'm using ReactJS and need some help with the build. I am hosting a static site on a dedicated server.. in order to process that site I currently run my build locally and upload the 'build' folder to ...
Robert Owen's user avatar
0 votes
1 answer
358 views

I trying to load items from firebase on the homepage and it keeps giving me an error. Anyone have any advice? I'm following the guides on https://github.com/stereobooster/react-snap and implementing ...
dmsquare's user avatar
0 votes
1 answer
2k views

I am trying to render html on the page as source code by using react-snap plugin, with the following configuration in package.json package.json { ..// "scripts": { "test": &...
Muhammad Owais's user avatar
0 votes
1 answer
668 views

I am trying to prerender my react app with react-snap. My project is not using create-react-app. // react-snap configuration { inlineCss: true, source: "dist", ...
lavor's user avatar
  • 1,877
2 votes
0 answers
258 views

I have installed react-snap version "^1.23.0" and attached postbuild script "react-snap" and ran npm run build. It did crawl most of the pages and after completing last but one ...
vam's user avatar
  • 502
1 vote
0 answers
811 views

I have a react application with react-snap that works fine on an ec2 instance. The nginx configuration on the instance looks something like server { root /var/www/xxx.yyy.com; index ...
boyfromnorth's user avatar
  • 1,033
5 votes
0 answers
1k views

I'm getting an error when building my react project using react-snaps. I've looked around and all the errors are related to puppeteer - but I'm not using puppeteer to fetch content directly like those ...
Zach's user avatar
  • 478
0 votes
1 answer
1k views

I'm trying to replace the default React app serviceworker with a custom one because its setting the index route to "index.html" whereas I need to it go to "200.html" for react-snap....
Zach's user avatar
  • 478
3 votes
1 answer
2k views

I get following error when deploying app with react-snap to Heroku. puppeteer/.local-chromium/linux-686378/chrome-linux/chrome: error while loading shared libraries: libX11-xcb.so.1: cannot open ...
János's user avatar
  • 35.5k
2 votes
0 answers
248 views

I went through setup of react-snap, but when pushing to Heroku it fails. https://www.npmjs.com/package/react-snap Do you have any idea why? remote: Error: Failed to launch chrome! remote: /tmp/...
János's user avatar
  • 35.5k
1 vote
2 answers
3k views

Good day, im attempting to add custom CSS to a material UI App Bar but all the styles i apply using the makeStyles function is overridden by the default Material UI styling. The only fix is to apply !...
J.Naude's user avatar
  • 155
1 vote
0 answers
610 views

I'm trying to set up react-snap in my reactjs project being hosted on heroku. I followed the instructions on the react-snap READme and have included the following in my client-side index.js: import {...
Djaenike's user avatar
  • 1,895
0 votes
0 answers
307 views

I'm currently trying to prerender my routes so that they can be placed on S3 as a static site, without the need to point error pages to index.html. Even though the app would work, the HTTP response ...
ryanleong's user avatar
2 votes
1 answer
356 views

I am using react snap on my VueJS site https://lernzettel.org However, react-snap introduces a double-first-load of the content, i.e. Pre-rendered version shows up Pre-rendered version vanishes ...
Leonard Storcks's user avatar
0 votes
1 answer
205 views

I am using router-links on my pages. After implementing react-snap, those stopped working correctly, routes are appended. I looked into the generated HTML and everything is fine there. Take a look at ...
Leonard Storcks's user avatar
2 votes
1 answer
1k views

I have installed react-snap and want it to index my pages so that they are available for SEO; I have integrated with docker per the below dockerfile. But whenever I do a docker build it says 'crawled ...
HeronAlgoSearch's user avatar
2 votes
0 answers
376 views

App structure I've got an app that's being deployed to Heroku. The folder structure looks like this: - package.json // package.json for my backend. - node_modules // My Express API node modules - ...
mdmb's user avatar
  • 5,341
2 votes
1 answer
4k views

I'm using react snap for SEO. Here's what I did. I added the following to index.js in my react application import React from 'react'; import { hydrate, render } from "react-dom"; const ...
Chris Hansen's user avatar
  • 8,781
1 vote
1 answer
3k views

<BrowserRouter> <Switch> <Route exact path="/" component={EmailVerification} /> <Route ...
PCK's user avatar
  • 1,454
0 votes
2 answers
352 views

I have a video run in the background in my react app. It works perfectly and auto-plays on page load. here is the code JSX I have used. <video autoPlay loop style={{ ...
isuruAb's user avatar
  • 2,240
24 votes
6 answers
42k views

I am trying to install react-snap using this command 'sudo npm install --save-dev react-snap' in ubuntu 18 it's give me the error ERROR: Failed to download Chromium r686378! Set "...
Bahadur Singh Deol's user avatar
1 vote
1 answer
96 views

I am using react-snap to pre-render my site and in my index.html file I have the code below <div id="snipcart" data-api-key="key"></div> however it outputs the code as below <div id="...
tom harrison's user avatar
  • 3,433
1 vote
0 answers
768 views

I get the below error when trying to run react-snap, I can see alot of people that have run into similar issues but I haven't seen a solution to fix this so far. It builds to a folder called dist and ...
tom harrison's user avatar
  • 3,433
4 votes
0 answers
402 views

I'm trying react-snap and it works in that pages are turned into static versions and served, but then React loads and then re-loads/re-renders everything. 1) Is this expected or is there any way to ...
Michael's user avatar
  • 161
1 vote
1 answer
3k views

I have a simple project SPA application base on react and react-router-4.I have multiple routes in my project like: www.mySite/build/#/ www.mySite/build/#/page1/page12 www.mySite/build/#/page2 When I ...
hamid goharjoo's user avatar
2 votes
0 answers
137 views

I'm trying to build website using reactJS and headless CMS Wordpress. Here is my App.js code: <Switch> <Route exact path="/:lng" component={Home} /> <...
user1484841's user avatar
3 votes
0 answers
1k views

I'm using react to develop my project and I'm trying to pre-render it with React-snap. When I try to build my project, react snap will crawl in project and create an html from routes. But there is a ...
Behnam Eskandari's user avatar
3 votes
1 answer
2k views

So, my understanding is that react-snap as per its features "Works out-of-the-box with create-react-app - no code-changes required." I read through the documentation and I see that it required some ...
NSL's user avatar
  • 61
1 vote
2 answers
1k views

I want to exclude the Intercom scripts (JS and CSS, I think, but is 400KBs of stringified code) from a react-snap prerender build. All other scripts are already excluded but Intercom cannot be and ...
James Shiztar's user avatar
2 votes
1 answer
3k views

I'm messing around with using react-snap to pre-render my new blog, and everything works quite fantastically except for a few things. For some reason, scripts were being included in the headers, but ...
SJoshi's user avatar
  • 1,976