prerender
nextjs-monorepo-example
Our great sponsors
prerender | nextjs-monorepo-example | |
---|---|---|
14 | 19 | |
6,354 | 1,436 | |
0.2% | - | |
0.0 | 9.9 | |
24 days ago | 6 days ago | |
JavaScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
prerender
- SEO without Server-Side Rendering
-
Is React Having An Angular.js Moment?
So then just to experiment, I set up https://github.com/prerender/prerender on my own VPS in like an hour... and done & dusted... no more effort needed to think about SSR issues anymore. Seems great, and I can't figure out why it's not more popular.
-
Reasons to not use nuxt?
Spending like 1 hour setting up prerender on my server is much preferable to the ongoing issues that come with having to make all my code work with SSR frameworks. And there's the added bonus that my servers don't need to waste resources doing SSR for regular human users.
- Is there some server site rendering Go library that would offer Nuxt like things?
-
Shoelace: A Web Component Kit
Ah, I didn't realize this wasn't solved -- a quick search turns up:
- https://github.com/WICG/webcomponents/issues/788
- https://github.com/w3c/DOM-Parsing/issues/58
- https://github.com/w3ctag/design-reviews/issues/494
- https://web.dev/declarative-shadow-dom
In pre-render they seem to have started in this direction extremely recently:
https://github.com/prerender/prerender/pull/731/files
I don't use prerender so I can't definitively speak to it being solved and hiccup-free, but I think that limitation is going to go away in the future.
it's not quite impossible, there are some more "out there" server-side rendering approaches which would work:
- https://github.com/airbnb/hypernova
- https://github.com/prerender/prerender
Fans of efficiency and simplicity might recoil but if it works and is easy to setup, these far out approaches might just catch.
-
Which are some of the fundamentals of Web dev every developer should know regardless of experience?
Using something like: https://github.com/prerender/prerender
-
Recently released a SSR Proxy (Server-Side Rendenring), which allows for SEO-friendly SPAs, serving pre-rendered web pages for Web Crawlers. Any feedback is more than welcome!
Have you used prerender - https://github.com/prerender/prerender ? Seems to be doing the same thing.
-
Advice for monorepo of React frontends? (websites + electron) - FOR A SOLO DEV!
I've used both Next.js + Nuxt (for Vue)... but personally found that SSR adds in extra complexity and odd edge cases here and there (especially when adding in 3rd party components that might not have been tested as well with SSR)... and I've decided to go down the "dynamic rendering" path instead with: https://github.com/prerender/prerender
-
Anyone tried Deno for something serious??
I just used the OSS self-hosted version: https://github.com/prerender/prerender - not really interesting in paying for their service personally.
nextjs-monorepo-example
-
TypeScript monorepo
For info you can have a look to a setup in httpx (simple yarn 4 + workspaces) or nextjs-monorepo-example (yarn 4 workspaces + turbo + recipe for docker)
-
Why Next?
I like https://github.com/belgattitude/nextjs-monorepo-example/
-
How do you keep FE dependencies up to date?
It's pretty easy to setup renovate, the "update dependency XXX PR" comes with the upstream changelogs from which you can have an idea of the work to do if needed. Compared to some other similar tools: monorepo support (ie: workspace:"") + possibility to dedupe your lock file + an easy way to regroug packages (ie: "@vitest/ui" and "vitest" together). An example: https://github.com/belgattitude/nextjs-monorepo-example/blob/main/renovate.json5.
-
is nx worth it for a smallish typescript monorep?
PS: You can see there: https://github.com/belgattitude/nextjs-monorepo-example (bunch of recipes but definitely needs a cleanup) and this question https://github.com/belgattitude/nextjs-monorepo-example/discussions/2220
-
Looking for the right project structure for multiple teams (monorepo vs separate repos)
I sometimes put some examples in https://github.com/belgattitude/nextjs-monorepo-example. It's bare-bone and offer few pros/cons (no nx, no turbo.., but you can upgrade along the way).
-
which solutions do you use for i18n in typescript?
But if you have time, you can have a look to this https://github.com/belgattitude/nextjs-monorepo-example/blob/main/apps/web-app/src/features/demo/demo.config.ts.
Possibility to type translation keys, example: here. Be sure to have typescript 4.4 and `incremental: true` setup for best performance. Keys suggestions / autocomplete works with (nested) keys. But don't expect it to work with huge dictionnaries (typechecks works)
-
Next.js monorepo build process optimization
- If you're using yarn 1, go yarn 3+ with "node_linker: node_modules", eventually "nmMode: hardlinks-local" and yarn workspace plugin (example of .yarnrc.yml config). You'll get some speed up and the update should not be too long to do. Note: this gives comparable speed of pnpm in my experience (whatever benchmark I read).
You always take a look at this for complete example: https://github.com/belgattitude/nextjs-monorepo-example
- Advice for monorepo of React frontends? (websites + electron) - FOR A SOLO DEV!
What are some alternatives?
next-i18next - The easiest way to translate your NextJs apps.
rendertron - A Headless Chrome rendering solution
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
serverless-next.js - ⚡ Deploy your Next.js apps on AWS Lambda@Edge via Serverless Components
React Intl - The monorepo home to all of the FormatJS related libraries, most notably react-intl.
nextron - ⚡ Next.js + Electron ⚡
jsLingui - 🌍 📖 A readable, automated, and optimized (3 kb) internationalization for JavaScript
electron-react-boilerplate - A Foundation for Scalable Cross-Platform Apps
vscode-vercel - WIP: Keep an eye on ▲ Vercel deployments without ever leaving Visual Studio Code.
ultra-runner - 🏃⛰ Ultra fast monorepo script runner and build tool
probot-nextjs-starter - Starter template to build GitHub bots with Probot and NextJS.
uniswap-v3-token-swap - example code of uniswapV3 token swaps with hardhat and ethersjs