Raft Landing Page
A landing page built with, Next.js, Styled-Components, GSAP and Framer-Motion
Overview:
This Next.js project is set up using create-next-app, making it easy to get started with the development server. The project uses next/font to optimize and load the Inter Google Font automatically. Resources are provided to learn more about Next.js, including documentation, tutorials, and the GitHub repository. Additionally, deployment on the Vercel Platform is recommended for easy deployment of the Next.js app.
Features:
- Bootstrapped with create-next-app: Quickly set up a Next.js project.
- Automatic Font Optimization: Uses next/font to optimize and load the Inter Google Font.
- Development Server: Run a development server to see real-time updates.
- Resourceful Documentation: Access Next.js documentation, tutorials, and GitHub repository for learning and feedback.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Styled Components
Styled Components is a popular library for styling React components using CSS syntax. It allows you to write CSS in your JavaScript code, making it easier to create dynamic styles that are specific to each component.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
