Comments (4)
You should be able to use next export
, which generates static html, with GitHub Pages without the need for spa-github-pages
.
from spa-github-pages.
The issue I'm having is that the route is dynamic - i.e. it goes and gets an arbitrary resource from an external API that I can't predict the ID of and ergo can't provide Next with a full list of. I'm going to try moving the route replacement script you added in this repo to the Index.html to the inside of the App itself and see if that works
from spa-github-pages.
Update: this works
export default function MyApp({ Component, pageProps }) {
const router = useRouter()
if (Object.keys(router.query).length >= 1) {
const firstQuery = Object.keys(router.query)[0]
if (firstQuery[0] === '/') {
const decoded = firstQuery.slice(1).split('&').map((s) => s.replace(/~and~/g,'&')).join('?')
router.push(router.pathname + decoded)
}
}
return (
// APP CODE
)
}
from spa-github-pages.
I've got it working somewhat with next.js but the problem is I'm getting a redirect loop for pages that really don't exist. Frankly, I don't understand how this is not a problem for vanilla react apps...
from spa-github-pages.
Related Issues (20)
- How to avoid /?/ before redirect HOT 1
- Redirect script link typo HOT 1
- about.html HOT 4
- Refreshing the page still throws a 404 error in the console. HOT 3
- How to inject environmental variables into 404.html? HOT 4
- Just saying thanks
- ? mark not being removed HOT 1
- No longer working for SEO purposes? HOT 2
- ['] being converted to [%27] and breaking React Router HOT 1
- Redirect stays on /?/ HOT 1
- React-router params HOT 2
- Bundle.js file isn't my build folder HOT 1
- Possible to have dynamic social media cards? HOT 1
- Shows a blank page on a route with a path of 2 hashes or more
- Update README for further clarification of instructions
- Mention alternative of `HashRouter` HOT 5
- Consider add GitHub Actions Support?
- Suggestion - Avoid 404's using meta tag HOT 2
- Assets 404 not found with Vite + React Router
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from spa-github-pages.