This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
This project relies on several external libraries to function. Here's a breakdown:
-
UI & Styling:
@emotion/react & @emotion/styled
: For writing CSS directly within your React components.bootstrap
: A popular pre-built CSS framework for styling layouts.line-awesome
: A library providing free and open-source icons.postcss-flexbugs-fixes & postcss-preset-env
: Tools for ensuring cross-browser compatibility of your CSS.react-css-theme-switcher & next-themes
: Libraries for managing themes within your React application.react-feather & react-icons
: Additional icon libraries for more variety.react-parallax
: A library for creating parallax scrolling effects.
-
Data & Forms:
@hookform/resolvers
: Tool for simplifying form validation.@prisma/client
: Object-Relational Mapper (ORM) for interacting with your database.next-recaptcha-v3 & react-google-recaptcha
: Libraries for adding Google reCAPTCHA for spam prevention.react-hook-form
: A popular library for managing form state and validation within React components.zod
: Library for defining data schema and validation rules.
-
Framework & Libraries:
next
: A React framework for building server-rendered and statically generated web applications.next-intl
: Library for adding internationalization (i18n) support to your Next.js application.react & react-dom
: The core React libraries for building user interfaces.shufflejs
: Library for sorting, filtering, and animating lists.
These dependencies are required for development tasks and won't be included in the final production build:
- Typescript:
typescript
: The language for adding static typing to your JavaScript code.@types/\*
: Type definitions for various libraries, improving code IntelliSense and catching errors early.
- Linting & Formatting:
eslint & configurations
: Linter for enforcing code style and catching potential issues.prettier
: Tool for automatically formatting code for consistency.autoprefixer
: Adds vendor prefixes to your CSS styles for better cross-browser compatibility.postcss
: Tool for managing CSS plugins.
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- Tech Icons - A collection of popular tech logos for use in your projects.
- Masalief Maulana - https://github.com/Viole403
This project is licensed under the MIT
I was motivated to create this project because I wanted to contribute on something useful for the dev community, thanks to ZTM Community and Andrei