https://github.com/nshahaf/next-demo-project
Experimenting Next, server components & server data fetching with a prespective of a react user ,
https://github.com/nshahaf/next-demo-project
css-modules next15 react responsive-design serverless-framework
Last synced: 7 months ago
JSON representation
Experimenting Next, server components & server data fetching with a prespective of a react user ,
- Host: GitHub
- URL: https://github.com/nshahaf/next-demo-project
- Owner: nshahaf
- Created: 2025-01-24T23:42:00.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-01-25T01:00:39.000Z (8 months ago)
- Last Synced: 2025-01-25T01:19:31.883Z (8 months ago)
- Topics: css-modules, next15, react, responsive-design, serverless-framework
- Language: CSS
- Homepage: https://next-demo-project-pi.vercel.app
- Size: 233 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Next.js Server Components & Data Fetching Exploration
This project was created as an experiment to explore the features of the Next.js framework from the perspective of a React user. The main goal was to dive into Server Components and data fetching within the Next.js ecosystem to understand how these features enhance performance and simplify app architecture.
Through this project, I aimed to:
- Test Next.js server-side rendering and static site generation capabilities
- Experiment with server components for better user experience and faster loading times
- Understand how data fetching works in Next.js using both server-side and client-side methods
- Practicing responsive and maintainable UI layouts with CSS Modules
- Leveraging the seamless Vercel integration for easy deployment and scaling
Feel free to explore the project and check out how the Next.js framework makes handling data fetching, rendering, and performance optimization much more efficient.
## To run locally
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open http://localhost:3000 with your browser to see the result.
## Deployed on Vercel
[https://next-demo-project-pi.vercel.app/](https://next-demo-project-pi.vercel.app/)
## Screenshot:
