Portfolio template built on Next.js and React
Next.jsReactPortfolio
foolan — Next.js Portfolio Template
By ericviana
foolan is a portfolio template built on Next.js and React, using TypeScript and Tailwind CSS, released under the MIT license, and suited to technical professionals building a personal work showcase page.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Uses TypeScript and Tailwind CSS
README states support for customizing and extending content and styles
Provides a Vercel online demo site
Repository includes a standard MIT license file
Template Details
foolan is a portfolio template published by ericviana on GitHub; the repository description is "Template de portfolio", and it primarily targets technical practitioners who want to present their skills, projects, and experience. The template is based on Next.js and React, uses TypeScript and Tailwind CSS, and the README positions it as a customizable, extensible starting point for a portfolio.
In terms of usage, the README's workflow is to clone the repository, install dependencies, modify content and styles as needed, then run the development server and preview locally on port 3000. The repository provides a Vercel demo site that can serve as a reference for page structure and visual effects.
Regarding licensing, the repository includes a standard MIT license file, permitting free use, modification, commercial use, and distribution of this version of the code, provided the copyright notice and license notice are retained when distributing. Note that the code's MIT license does not cover third-party assets such as demo images, fonts, and icons; those assets must be checked against their respective licenses. External services such as domains and hosting may also incur costs.
Next.jsReactPortfolio
Is it right for your project?
Use Cases
- Technical professionals building a personal portfolio page to present skills, projects, and experience in one place
- Using the existing template as a starting point and modifying content and styles to suit one's own needs
- Referencing its page structure and technology combination for hands-on learning with Next.js and Tailwind CSS
Suitable For
- Developers who need a quick start for a personal portfolio page
- Users familiar with or willing to use Next.js, React, TypeScript, and Tailwind CSS
- Users who want to modify and distribute based on MIT-licensed code
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, install dependencies with npm install or yarn install
- 2
Modify portfolio content and styles as needed
- 3
Run npm run dev or yarn dev to start the development server
- 4
Visit http://localhost:3000 in a browser to view the page
- 5
Before using third-party assets such as demo images, fonts, and icons, check their licenses separately
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Permits free use, modification, commercial use, and distribution of this version of the code.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/ericviana/foolan/blob/main/LICENSEhttps://github.com/ericviana/foolan/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 69 / 100
- Technologies
- Next.js · React
- Website type
- Portfolio
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2023-08-10
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-04
Inspect the recorded source material
SHA-256: 0a687a188dadd9118e6c05966c9a465302d83078dac0f03da84ab11808741465
2026-10-03T17:00:47.107Z
Source file / repository# 🚀 Template de Portfólio para Profissionais de Tecnologia Bem-vindo ao 🌟 Template de Portfólio para Profissionais de Tecnologia! Este template versátil foi desenvolvido para ajudar você a exibir suas habilidades, projetos e experiência de forma visualmente atrativa e fácil de usar. ## ✨ Recursos - Design limpo e moderno ✅ - Layout responsivo para visualização ideal em diversos dispositivos 📱💻 - Customização e extensibilidade simples 🔧 - Integrado com Next.js, React, TypeScript e Tailwind CSS 🚀⚛️🍃 ## 🛠️ Tecnologias Utilizadas Este template de portfólio é alimentado por uma impressionante seleção de tecnologias: - **Next.js**: Um framework React para construção de aplicações renderizadas no lado do servidor e geradas estaticamente. - **React**: Uma biblioteca JavaScript para construção de interfaces de usuário. - **TypeScript**: Um superset tipado estáticamente do JavaScript que adiciona capacidades de verificação de tipos. - **Tailwind CSS**: Um framework de CSS orientado por utilitários para estilização rápida de aplicações web. ## 🚀 Começando Para começar a usar este template de portfólio, siga estes passos simples: 1. Clone o repositório: `git clone <url-do-repositório>` 2. Instale as dependências: `npm install` ou `yarn install` 3. Customize o conteúdo e o estilo do portfólio conforme suas necessidades. 4. Construa e inicie o servidor de desenvolvimento: `npm run dev` ou `yarn dev` 5. Abra seu navegador e acesse `http://localhost:3000` para ver seu portfólio. 🔥 Sinta a emoção ao explorar o código-fonte, personalizar e expandir facilmente seu portfólio para atender às suas necessidades únicas! ## 🎉 Contribuição Valorizo seu feedback e dou boas-vindas às suas contribuições para tornar este template ainda melhor. Se encontrar algum problema ou tiver sugestões de melhorias, abra uma issue ou envie um pull request no repositório do GitHub. Juntos, podemos criar algo verdadeiramente notável! 🤝 ## 🌈 Proposito Acredito que este template de portfólio elevará sua presença profissional e o ajudará a se destacar da multidão. Não perca esta oportunidade de impressionar potenciais empregadores, clientes e colegas com um portfólio de primeira linha!
Explore similar templates
Compare previews and descriptions within the same stack and category.
react-resume-template
A personal resume website template for software developers, built with Next.js, React, and TypeScript and styled with Tailwind CSS. Site content is driven by a single data file at /src/data/data.tsx, with types in dataDef.ts and images in src/images/.
Next.js · Portfolio
nxt-lnk
nxt-lnk is a Next.js-based bio link page template that manages personal information and links via BioData.js and LinksData.js, positioned as a self-hosted alternative to Linktree. It groups links by type, supports enabling/disabling individual links, and offers hexagonal or oval avatars.
Next.js · Portfolio
sylph
Sylph is a minimal portfolio and blog template built on Next.js, supporting MDX/Markdown writing, light/dark themes, and automatic OG image generation. It includes sitemap, robots.txt, metadata, and syntax highlighting, with automatic blog timestamps.
Next.js · Portfolio
sleek-portfolio
A modern, responsive portfolio template built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. It includes an MDX blog, project showcase, work experience timeline, and a contact form that receives messages via Telegram Bot.
Next.js · Portfolio
research-website-template
A React + Next.js template for research personal websites, aimed at PhD students and researchers. It centralizes publications, projects, and other content in src/data as arrays of objects, with optional fields automatically generating UI components.
Next.js · Portfolio
shadcn-portfolio
A developer portfolio template built with Next.js 15, shadcn/ui, Tailwind CSS, and Framer Motion, featuring an MDX blog, light and dark modes, responsive design, and SEO meta tags.
Next.js · Portfolio