Блог-портфолио

2024-10-01

Next.js, Bootstrap, SCSS, Strapi

Жоба:

Портфолио бөлімі бар блог

Жоба сипаттамасы:

Блог пен портфолио бөлімін қамтитын көпфункционалды веб-сайтты жасау, орындалған жұмыстарды көрсету үшін. Басты бетте соңғы жазбалар мен жұмыс үлгілері көрсетіледі, бұл пайдаланушыларға жаңа мақалалар мен жобалар туралы ақпаратты үнемі жаңартып отырады.

Басты бет:

Блогтың басты беті — мобильді және десктоп нұсқалары

Функционал:

Соңғы жаңартулары бар блог пен портфолио басты беті.
Мақалалар мен жаңалықтарды жариялауға арналған блог бөлімі.
Қабілеттер мен тәжірибені көрсетуге арналған орындалған жұмыстар портфолиосы.
Сайтқа келушілермен байланысуға арналған байланыс бөлімі.
Headless CMS интеграциясы: Контентті сақтау және басқару үшін Strapi қолданылады, бұл блог пен портфолио жазбаларын оңай қосуға және өңдеуге мүмкіндік береді.
Frontend-тен деректер сұрауы: Strapi-ден алынған деректер frontend арқылы сайтқа жүктеледі.
Беттерді рендерлеу: Беттерді жүктеу мен SEO жақсарту үшін Next.js-тің SSR және SSG функциялары қолданылды.
Стильдеу: Bootstrap-тың негізгі класстары мен ерекше визуалды стиль жасау үшін SCSS кастом класстары қолданылды.

Strapi.js әкімші панелі:

Технологиялар:

Серверлік рендерлеу мен статикалық беттерді генерациялауға арналған фронтенд үшін Next.js.
Контентті басқару үшін headless CMS ретінде Strapi.
Адаптивті және жеке стильдеу үшін Bootstrap пен SCSS.

LightHouse көрсеткіштері:

Рөл:

CMS орнату, API интеграциясы және Next.js қолдану арқылы интерфейсті әзірлеуді қамтитын Full-stack әзірлеуші.