Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FEATURE] Migrate to Next.js

See original GitHub issue

Description

By moving to next.js we could add and use several features by benefiting from the server component:

Use SSR to prerender our pages on the server for performance optimization
Maybe use ISR to dynamically re-render the index page to highlight a different profile every day on the index page
Use a database connection to store how often a page got clicked
Don’t use PrimeReact, but use Tailwind for creating our custom components

wdyt @eddiejaoude

Things like adding Cypress and/or other addition could come in future PRs. I think for us it’s important to migrate with an MVP first.

We could use a staging branch, similar on how we did it for the API rewrite, to have things a bit more atomic, and not just a single big-bang

TO DO

by default hide stats and enable with json config

Issue Analytics

State:
Created a year ago
Reactions:1
Comments:11 (9 by maintainers)

Top GitHub Comments

1reaction

eddiejaoudecommented, Oct 4, 2022

hey @joshi-kaushal we have a lot to do, I need to create some issues for this, but for now, here are some ideas

search codebase in nextjs branch for @TODO
improve documentation to get project running with mongo db (gitpod config probably needs updating also)
fix failing tests
check for missing features (main features ones only, as I am keen to deploy this soon)

1reaction

eddiejaoudecommented, Aug 1, 2022

Mind providing MongoDB URI for the db connection

I just pushed to this PR the updated the docs in the README and added an .env.example file where you can copy this file to .env (update the connection as required)

Thank you for the feedback 👍

Top Results From Across the Web

Migrating from Create React App - Next.js

If you want to move your existing Create React App to Next.js and keep a Single-Page App, you can move your old application's...

Migrating to Next.js: Incrementally Adopting Next.js

The second strategy is to create a new Next.js app that points to the root URL of your domain. Then, you can use...

Next.js 13 Upgrade Guide

When combined with new Next.js 13 features such as special files and layouts, migration means new concepts, mental models, and behavioral changes to...

Upgrade Guide - Next.js

Migrating shared features. Next.js 13 introduces a new app directory with new features and conventions. However, upgrading to Next.js 13 does not require ......

Migrating from React Router - Next.js

Migrating from React Router ; Decrease bundle size by removing React Router as a dependency. Define your application routes through the file system....