README.si.md

**Dokumentacija v slovenščina 🇸🇮**, [angleščini 🇺🇸](README.md), [ukrajinščini 🇺🇦](README.ua.md), [norveščini 🇳🇴](README.no.md), in [francoščini 🇫🇷](README.fr.md)

<hr/><hr/>

# Moj portfelj

Ta spletna stran je moj portfelj in vsebuje veliko informacij o meni kot razvijalki in mojih projektih.

## Vsebina

- [Pregled projekta](#project-overview)
- [Uporabljene tehnologije in knjižnice](#technologies-and-libraries-used)
- [Funkcionalnosti izvedene v projektu](#implemented-in-the-project-the-following-functionality)
- [Mockupi](#mockups)
- [Posnetki zaslona](#screenshots)
- [Privzeta dokumentacija Next.js](#default-documentation-of-nextjs)
  - [Začetek](#getting-started)
  - [Več informacij](#learn-more)
  - [Namestitev na Vercel](#deploy-on-vercel)

## Pregled projekta

Na tej strani si lahko ogledate moje veščine, certifikate in me kontaktirate preko obrazca za pošto.

## Tehnologije in knjižnice

Projekt je bil izveden z naslednjimi tehnologijami in knjižnicami:

![Next.js](https://img.shields.io/badge/Next.js-13.4.19-mediumslateblue) ![Typescript](https://img.shields.io/badge/Typescript-5.1.6-aquamarine) ![Next-intl](https://img.shields.io/badge/Next%20intl-3.0.0.beta.18-rosybrown) ![Next-theme](https://img.shields.io/badge/Next%20theme-0.2.1-moccasin) ![React](https://img.shields.io/badge/React.js-18.2.0-teal) ![React-dom](https://img.shields.io/badge/React%20dom-18.2.0-azure) ![React-hook-form](https://img.shields.io/badge/React%20hook%20form-7.47.0-orange) ![React-hook-form-persist](https://img.shields.io/badge/React%20hook%20form%20persist-3.0.0-thistle) ![React-hook-form-resolvers](https://img.shields.io/badge/React%20hook%20form%20resolvers-3.3.2-beige) ![React-three-drei](https://img.shields.io/badge/React%20three%20drei-9.88.0-darkslateblue) ![React-three-fiber](https://img.shields.io/badge/React%20three%20fiber-8.14.5-mistyrose) ![React-scroll](https://img.shields.io/badge/React%20scroll-1.9.0-khaki) ![React-tilt](https://img.shields.io/badge/React%20tilt-1.0.2-slategrey) ![React-responsive](https://img.shields.io/badge/React%20responsive-9.0.2-darkslateblue) ![React-icons](https://img.shields.io/badge/React%20icons-4.11.0-lavender) ![Three.js](https://img.shields.io/badge/Three.js-0.156.1-plum) ![Framer-motion](https://img.shields.io/badge/Framer%20motion-10.16.4-peachpuff) ![Axios](https://img.shields.io/badge/Axios-1.6.0-darkturquoise) ![Buffer](https://img.shields.io/badge/Buffer-6.0.3-blueviolet) ![Postcss](https://img.shields.io/badge/Postcss-8.4.29-lightsteelblue) ![Dotenv](https://img.shields.io/badge/Dotenv-16.3.1-goldenrod) ![File-loader](https://img.shields.io/badge/File%20loader-6.2.0-lightskyblue) ![Lottie-web](https://img.shields.io/badge/Lottie%20web-5.12.2-mediumaquamarine) ![Sharp](https://img.shields.io/badge/Sharp-0.32.6-purple) ![Swiper](https://img.shields.io/badge/Swiper-10.3.1-lavenderblush) ![Url-loader](https://img.shields.io/badge/Url%20loader-4.1.1-lightseagreen) ![Wouter](https://img.shields.io/badge/Wouter-2.12.0-moccasin) ![Yup](https://img.shields.io/badge/Yup-1.3.2-sienna) ![Uuid-by-string](https://img.shields.io/badge/Uuid%20by%20string-1.3.2-lightpink)

## Implementirane funkcionalnosti

- SEO
- Navigacija po strani
- Menjava teme
- Prilagodljiva postavitev
- Različni sliderji
- Izboljšana dostopnost
- Optimizirano nalaganje virov
- Lokalizacija in internacionalizacija (L10n in i18n)
- Pošiljanje podatkov preko obrazcev (validacija prisotna)
- Enostavno upravljanje vsebine (vsi teksti v `messages/*.json` datotekah)

## Mockupi

![home page](/public/mockups/home.webp)
![about page](/public/mockups/about.webp)
![skills page](/public/mockups/skills.webp)
![projects page](/public/mockups/projects.webp)
![contacts page](/public/mockups/contacts.webp)

## Posnetki zaslona

![home page](/public/images/opengraph/en/home.webp)
![about page](/public/images/opengraph/en/about.webp)
![skills page](/public/images/opengraph/en/skills.webp)
![projects page](/public/images/opengraph/en/projects.webp)
![contacts page](/public/images/opengraph/en/contacts.webp)

# Privzeta dokumentacija Next.js

To je [Next.js](https://nextjs.org/) projekt ustvarjen z [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Začetek

Najprej zaženite razvojni strežnik:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```

Odprite [http://localhost:3000](http://localhost:3000) v brskalniku za ogled rezultata.

Stran lahko začnete urejati z `app/page.tsx`. Stran se bo samodejno osveževala med urejanjem.

Projekt uporablja [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) za optimizacijo in avtomatsko nalaganje pisave Geologica iz Googla.

## Več informacij

Za več informacij o Next.js poglejte:

- [Next.js dokumentacija](https://nextjs.org/docs) - informacije o funkcionalnostih in API-ju Next.js.
- [Learn Next.js](https://nextjs.org/learn) - interaktivni tečaj Next.js.

Lahko si ogledate tudi [Next.js GitHub repozitorij](https://github.com/vercel/next.js/) - vaši prispevki in povratne informacije so dobrodošli!

## Namestitev na Vercel

Najlažji način za nameščanje vaše Next.js aplikacije je uporaba [platforme Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme).

Za več podrobnosti preberite [dokumentacijo o nameščanju Next.js](https://nextjs.org/docs/deployment).