Skip to content

Front-end skills showcase. Uses Next.js + React + TypeScript + Tailwind CSS & does SSR based on data provided by CMS (CMS gives some multi-path url, and a JSON that describes what should be rendered at given url)

Notifications You must be signed in to change notification settings

aronmandrella/landing-page-with-ssr-and-data-fetching

Repository files navigation

Landing page with SSR and data fetching (front-end skills showcase)

ui_demo

Live demo link

🔗 Live demo

How to install and run

Run in dev mode

npm install
npm run dev

Build and prepare for hosting

npm install
npm run build

Specifications:

✔️ Uses Next.js + React + TypeScript + Tailwind CSS.

✔️ Does SSR based on data provided by CMS (CMS gives some multi-path url, and a JSON that describes what should be rendered at given url)

✔️ All API responses (GET + POST) are validated, and error is displayed when needed.

✔️ Has Responsive UI.

Note about Tailwind CSS:

I've used tailwind mostly to test it. Also it makes making responsive layouts easy, and it enforces UI consistency. I think it's great for creating layouts, but not that great for creating reusable components since code can get a little messy.

About

Front-end skills showcase. Uses Next.js + React + TypeScript + Tailwind CSS & does SSR based on data provided by CMS (CMS gives some multi-path url, and a JSON that describes what should be rendered at given url)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published