Skip to content

Startup Details Page, with Slugification, Dynamic Routing and Seo Met…#13

Open
IsmatSaidi wants to merge 1 commit intoalgeria-ecosystem:mainfrom
IsmatSaidi:feat/startup-details-page
Open

Startup Details Page, with Slugification, Dynamic Routing and Seo Met…#13
IsmatSaidi wants to merge 1 commit intoalgeria-ecosystem:mainfrom
IsmatSaidi:feat/startup-details-page

Conversation

@IsmatSaidi
Copy link

Feature: Startup Details Page, Dynamic Routing, and SEO Meta Titles, by Ismat from AutoDZ

Summary:
Added a dedicated Details Page for every startup in the ecosystem. Previously, startups were only listed in a grid on the homepage, which meant search engines (like Google) could not index them individually, now you can click on each card and get a dedicated page of that startup with available details (could be expanded further).
Note: this details compounent could be expanded to other categories but not recommended; create a unique one for them.

(ex: /startup/ahlquran), Each startup has its own indexable URL with a dynamic page title. This is a massive boost for the platform's SEO.

Key Changes:

  1. Architecture & Routing:
    New Route: Added /startup/:slug -> App.tsx
    Slug Utility function -> src/shared/utils/slug.ts

  2. New Components:
    StartupDetails.tsx A beautiful, responsive page that displays: Startup Logo (with fallback), Category Badges, Founded Year & Location, Social & Website Links, Dynamic document. title updates for SEO.

  3. UX Improvements:
    StartupCard.tsx: Updated the card interaction to use a "stretched link" pattern. The entire card is now clickable, making navigation to the details page intuitive, while keeping specific "Website" and "LinkedIn" buttons independent.

  4. Minor Bug fixes:
    Missing commas in startup json.

Impact on SEO
Indexability: Search engines can now crawl
src/data/startups.json
content via these new links.
Keywords: Can now rank for specific startup names + "Algeria" (e.g., "AhlQuran Algeria").
Metadata: Each page now has a unique title: document.title = ${startup.name} - Algeria Ecosystem;

-This PR is made Dr,Ismat SAIDI, Founder & LeadDev of AutoDZ - a fast growing p2p car marketplace in Algeria.
https://autodz.app/

@netlify
Copy link

netlify bot commented Jan 2, 2026

Deploy Preview for algeria-ecosystem ready!

Name Link
🔨 Latest commit f8d6fb3
🔍 Latest deploy log https://app.netlify.com/projects/algeria-ecosystem/deploys/6957b328f4986800082cf8db
😎 Deploy Preview https://deploy-preview-13--algeria-ecosystem.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

],
"website": "https://alsina.ai"
}
},
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can pull main changes to get latest code that fixes this.

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