https://github.com/marufk21/animinfinite
A modern server-side app using Next.js 14 with server actions, infinite scroll, and Framer Motion animations.
https://github.com/marufk21/animinfinite
framer-motion infinite-scroll nextjs14 typescript
Last synced: 2 months ago
JSON representation
A modern server-side app using Next.js 14 with server actions, infinite scroll, and Framer Motion animations.
- Host: GitHub
- URL: https://github.com/marufk21/animinfinite
- Owner: marufk21
- Created: 2024-02-24T12:16:04.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-26T12:11:45.000Z (over 1 year ago)
- Last Synced: 2025-02-08T22:24:29.617Z (4 months ago)
- Topics: framer-motion, infinite-scroll, nextjs14, typescript
- Language: TypeScript
- Homepage: https://anim-infinite.vercel.app
- Size: 1.48 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ANIMINFINITE
## Overview
This project demonstrates how to create a modern server-side application using Next.js version 14. It incorporates server actions for enhanced functionality, implements infinite scroll for seamless user experience, and utilizes Framer Motion animations to enhance visual appeal.
## TechStack
- Next.js 14
- React
- Framer Motion
## Features
- **Server-Side Rendering:** Utilizes Next.js for server-side rendering, providing improved performance and SEO.
- **Server Actions:** Implements server actions to enhance interactivity and functionality.
- **Infinite Scroll:** Incorporates infinite scroll feature for dynamic content loading and improved user experience.
- **Framer Motion Animations:** Enhances visual appeal and user engagement with smooth animations powered by Framer Motion.
## Getting Started
1. Clone this repository to your local machine.
2. Install dependencies using `npm install` or `yarn install`.
3. Start the development server with `npm run dev` or `yarn dev`.
4. Access the application in your browser at `http://localhost:3000`.
## Usage
- Follow the provided examples and documentation to integrate server actions into your application.
- Implement infinite scroll functionality using the provided components and guidelines.
- Enhance the user interface with Framer Motion animations by incorporating them into your components.
## Contributing
Contributions are welcome If you'd like to contribute, please [create a new issue](https://github.com/[username]/[projectname]/issues) or submit a pull request.