Skip to content

Conversation

@jackpope
Copy link
Contributor

@jackpope jackpope commented Sep 15, 2025

Updates to a NextJS app with CSS modules and server rendering. Plus a drive by styling update.

Preview https://translations-react-dkn8iyabm-fbopensource.vercel.app/

This is a simple one page application that fetches data from GH in a useEffect.

We can leverage a server function to handle the search and caching and then SSR the page content. This change just converts the app as is to use Next. The next commits restructure the app to take advantage of server rendering.
Glamor is client-only which means we'd have to add the 'use client' directive everywhere that we style. Let's instead switch to simple CSS modules to enable SSR.
Instead of rendering empty and then searching in an effect, we can move the search request to the server to SSR the complete site.
Update to latest while we're here and make sure linting works with next integration
Add some polish to the UI while we're here updating everything else.
@jackpope jackpope merged commit c9f70c8 into reactjs:main Sep 16, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants