Создайте сайт-портфолио с помощью NextJS.
June 22, 2024

Это руководство поможет вам создать профессиональный сайт-портфолио с использованием Next.js, оформленный с помощью Tailwind CSS, и разместить его на Vercel. Не беспокойтесь, если вы не разбираетесь в технологиях; просто следуйте этим шагам!
Просмотр > Терминал.npx create-next-app@latest my-portfolio --typescript --tailwindмой-портфолио.cd my-portfolionpm run devhttp://localhost:3000Посмотреть ваш сайт.app/page.tsx.import Head from 'next/head';
export default function Home() {
return (
<>
<Head>
<title>My VFX Portfolio</title>
<meta name="description" content="Showcasing my VFX work" />
</Head>
<main className="min-h-screen bg-gray-900 text-white flex flex-col justify-center items-center">
<h1 className="text-5xl font-bold mb-4">Welcome to My VFX Portfolio</h1>
<p className="text-xl mb-8">Showcasing my best work in visual effects.</p>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<img src="/images/work1.jpg" alt="Work 1" className="rounded shadow-lg" />
<img src="/images/work2.jpg" alt="Work 2" className="rounded shadow-lg" />
</div>
</main>
</>
);
}мой-портфолиорепозиторий.https://my-portfolio.vercel.appВы можете поделиться этой ссылкой с потенциальными клиентами или работодателями.Головакомпонент встраница.tsxЗдесь вы можете добавлять метатеги, описания и ключевые слова для улучшения SEO вашего сайта.Ваш сайт-портфолио теперь доступен! Выполнив эти шаги, вы создали простой, но стильный сайт для демонстрации своих работ в области визуальных эффектов. Удачной демонстрации!