Viole403 / next-portfolio

Home Page:https://next-portofolio-viole403.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NePort - A simple, customizable portfolio template for developers

Netlify Status Vercel Deploy

This is a Next.js project bootstrapped with create-next-app.

Getting Started

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.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

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. Deploy with Vercel

Dependencies

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.

Development Dependencies

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.

Refrence

Authors

Status

Netlify Status Vercel Deploy

License πŸ“„

This project is licensed under the MIT

Acknowledgments 🎁

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

About

https://next-portofolio-viole403.vercel.app


Languages

Language:CSS 70.7%Language:JavaScript 17.4%Language:SCSS 8.6%Language:TypeScript 3.1%Language:Dockerfile 0.1%Language:Nix 0.0%