Skip to content

Conversation

@jeremy0x
Copy link

@jeremy0x jeremy0x commented Oct 8, 2025

Overview

This PR updates the DexScreener clone tutorial documentation to reflect the modernized codebase that addresses the modernization request in MoralisWeb3/docs#602.

Related Issues and PRs

Changes Made

Tech Stack Updates

  • Updated from React to Next.js 15 with App Router
  • Updated from React Router to Next.js built-in routing
  • Updated to React 19 for improved performance
  • Updated to Tailwind CSS v4 for modern styling capabilities

Documentation Structure Updates

  • Updated project structure from CRA conventions to Next.js App Router structure
  • Added dynamic routing examples ([chainId]/, [chainId]/[tokenAddress]/)
  • Updated directory structure to show app/, lib/, and components/ organization

Installation Instructions Updates

  • Updated Node.js requirement from v14 to v18 (required for Next.js 15)
  • Changed environment file from .env to .env.local (Next.js convention)
  • Updated environment variable prefix from REACT_APP_ to NEXT_PUBLIC_
  • Changed development command from npm start to npm run dev

Benefits

  • Tutorial now reflects current best practices with modern React development
  • Provides accurate setup instructions for the updated codebase
  • Aligns documentation with the actual implementation
  • Ensures developers can follow the tutorial without confusion

Verification

The updated tutorial documentation has been tested against the live deployment at moralis-dexscreener.jeremy0x.dev to ensure accuracy and completeness.

This documentation update complements the code migration and ensures the tutorial remains relevant and useful for developers using modern React tooling.

Closes #602

@vercel
Copy link

vercel bot commented Oct 8, 2025

@jeremy0x is attempting to deploy a commit to the MoralisWeb3 Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Contributor

Stale pull request message

@github-actions
Copy link
Contributor

Stale pull request message

… Tailwind CSS v4

- Update tech stack to reflect Next.js 15 with App Router and React 19
- Update project structure from CRA to Next.js App Router conventions
- Update prerequisites to Node.js v18+ for Next.js 15 compatibility
- Update installation instructions for Next.js (.env.local, NEXT_PUBLIC_ prefix)
- Update development command from npm start to npm run dev
@github-actions
Copy link
Contributor

Stale pull request message

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Feature request for: /web3-data-api/solana/tutorials/dexscreener-clone

1 participant