Skip to content

Commit 7a00c25

Browse files
committed
Initial Commit
1 parent f43fac5 commit 7a00c25

18 files changed

+3033
-0
lines changed

.gitignore

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
.pnpm-debug.log*
27+
28+
# local env files
29+
.env*.local
30+
31+
# vercel
32+
.vercel
33+
34+
# typescript
35+
*.tsbuildinfo
36+
37+
tools/node_modules
38+
tools/output

README.md

Lines changed: 143 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,143 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
6+
<meta name="description" content="Free React & Next.js template for developers to build modern, personal portfolio websites." />
7+
<meta name="keywords" content="Next.js developer portfolio template, personal website template for developers, responsive React Tailwind portfolio, creative one-page portfolio design, modern UI personal site template, developer-friendly React website, SEO-optimized resume website template, Next.js personal branding site, React Tailwind CSS portfolio layout, fast-loading Next.js portfolio, modern web developer site design, professional personal website template" />
8+
<meta name="author" content="Themixly Web" />
9+
<link rel="canonical" href="https://themixly.com/themes/personal-portfolio-react-nextjs-template/" />
10+
</head>
11+
<body>
12+
13+
<h1>PortFoliofy – React & Next.js Personal Portfolio Website Template</h1>
14+
15+
<h2>Introduction</h2>
16+
<p>PortFoliofy is a modern, responsive personal portfolio website template built with React 19+, Next.js 15+, and Tailwind CSS 3+. It’s designed for developers, designers, and freelancers looking to showcase their work, skills, and experience with a clean and stylish layout.</p>
17+
18+
<h2>🔗 Live Preview</h2>
19+
<ul>
20+
<li>🚀 <a href="https://themixly.com/preview/1256/personal-portfolio-react-nextjs-template/" target="_blank">Live Demo – PortFoliofy Template</a></li>
21+
<li>🛒 <a href="https://themixly.com/themes/personal-portfolio-react-nextjs-template/" target="_blank">Buy Full Version on Themixly</a></li>
22+
</ul>
23+
24+
<h2>🧩 Feature Comparison: GitHub Free vs Themixly Pro</h2>
25+
<table>
26+
<thead>
27+
<tr><th>Feature</th><th>GitHub Free Version</th><th>Themixly Full Version</th></tr>
28+
</thead>
29+
<tbody>
30+
<tr><td>React 19+, Next.js 15+</td><td>✅</td><td>✅</td></tr>
31+
<tr><td>One-page Layout</td><td>✅</td><td>✅</td></tr>
32+
<tr><td>Profile & Intro Section</td><td>✅</td><td>✅</td></tr>
33+
<tr><td>Project Showcase Section</td><td>❌</td><td>✅</td></tr>
34+
<tr><td>Experience Section</td><td>❌</td><td>✅</td></tr>
35+
<tr><td>Skills & Tools Section</td><td>❌</td><td>✅</td></tr>
36+
<tr><td>Contact Form</td><td>❌</td><td>✅</td></tr>
37+
<tr><td>Responsive for All Devices</td><td>✅</td><td>✅</td></tr>
38+
<tr><td>Custom Components</td><td>Limited</td><td>Full UI Kit Included</td></tr>
39+
<tr><td>Lifetime Updates</td><td>Community Only</td><td>Lifetime Free Updates</td></tr>
40+
<tr><td>Licensing</td><td>MIT (Free)</td><td>Commercial Use Allowed</td></tr>
41+
<tr><td>Premium Support</td><td>Community via GitHub</td><td>1:1 Support via Email</td></tr>
42+
</tbody>
43+
</table>
44+
45+
<h3>👉 <a href="https://themixly.com/themes/personal-portfolio-react-nextjs-template/" target="_blank">Upgrade to Full Version</a></h3>
46+
47+
<h2>🧠 Template Use Cases</h2>
48+
<ul>
49+
<li>Developer personal portfolio</li>
50+
<li>Resume website</li>
51+
<li>Creative freelancer portfolio</li>
52+
<li>Front-end/UI developer showcase</li>
53+
<li>Career landing page</li>
54+
<li>Job application portfolio</li>
55+
</ul>
56+
57+
<h2>💡 Key Features</h2>
58+
<ul>
59+
<li>Built with React 19+ & Next.js 15+</li>
60+
<li>Styled with Tailwind CSS 3+</li>
61+
<li>100% responsive – mobile-first design</li>
62+
<li>Sections for skills, projects, experience, and contact</li>
63+
<li>SEO-friendly structure</li>
64+
<li>Easy customization with clean codebase</li>
65+
<li>One-page layout for smooth navigation</li>
66+
</ul>
67+
68+
<h2>📸 Screenshots</h2>
69+
<figure>
70+
<figcaption>Includes sections like Project Showcase, Experience, Skills, Tools, Contact Form.</figcaption><br/>
71+
<img src="https://themixly.com/wp-content/uploads/2025/07/image-1-4-scaled.jpg" alt="PortFoliofy – Portfolio Page Preview">
72+
</figure>
73+
74+
<h2>✨ Why Choose PortFoliofy?</h2>
75+
<ul>
76+
<li>Lightweight and fast-loading</li>
77+
<li>Tailored for developers and designers</li>
78+
<li>Clear structure for easy content updates</li>
79+
<li>Great starting point for building custom portfolios</li>
80+
</ul>
81+
82+
<h2>🛠️ Tech Stack</h2>
83+
<ul>
84+
<li>🧩 React 19+</li>
85+
<li>🌐 Next.js 15+</li>
86+
<li>🌀 Tailwind CSS 3+</li>
87+
<li>⚙️ HTML, CSS, JavaScript (React JSX)</li>
88+
</ul>
89+
90+
<h2>🚀 Getting Started</h2>
91+
<pre><code>npm install # Install dependencies
92+
npm run dev # Start development server
93+
npm run build # Build for production</code></pre>
94+
95+
<h3>📁 Folder Structure</h3>
96+
<pre><code>PortFoliofy/
97+
├── pages/
98+
├── public/
99+
├── styles/
100+
├── README.md
101+
└── package.json</code></pre>
102+
103+
<h2>📦 What’s Included in the Free GitHub Version?</h2>
104+
<ul>
105+
<li>✅ Profile Section</li>
106+
<li>✅ About Section (Intro)</li>
107+
<li>✅ Facts Section</li>
108+
<li>✅ Cards Section</li>
109+
<li>✅ Clean Tailwind CSS styling</li>
110+
<li>✅ Static content setup – easily editable</li>
111+
</ul>
112+
<p>🔒 Full features like project showcase section, experience section, skills section, tools section, contact form, and more are available in the premium version.</p>
113+
<p>👉 <a href="https://themixly.com/themes/personal-portfolio-react-nextjs-template/" target="_blank">Get Full Version on Themixly →</a></p>
114+
115+
<h2>📝 License</h2>
116+
<p>This template is licensed under the <a href="https://github.com/themixlyweb/react-portfolio-website-template/blob/main/LICENSE" target="_blank">MIT License</a>.<br/>
117+
You may use this version for personal and educational purposes.</p>
118+
119+
<h2>📢 Support & Contributions</h2>
120+
<ul>
121+
<li>⭐ Star this repo if you find it useful</li>
122+
<li>Share with your developer community</li>
123+
<li>Want full features & commercial license?</li>
124+
<li>👉 Unlock Everything at <a href="https://themixly.com/" target="_blank">Themixly</a></li>
125+
</ul>
126+
127+
<h2>🔗 Other Templates You May Like</h2>
128+
<ul>
129+
<li>🦷 <a href="https://themixly.com/themes/dental-clinic-react-nextjs-template/" target="_blank">DentalClinic – React Template for Dentists</a></li>
130+
<li>🍽️ <a href="https://themixly.com/themes/react-restaurant-cafe-one-page-template/" target="_blank">RestoOne – Restaurant Website Template</a></li>
131+
</ul>
132+
<p>Explore more templates → <a href="https://themixly.com/themes" target="_blank">Themixly Themes</a></p>
133+
134+
<h2>🧾 Contact Us</h2>
135+
<p>Need support or custom development?<br/>
136+
📩 <a href="https://themixly.com/contact-us/" target="_blank">Contact Themixly Team</a><br/></p>
137+
138+
<footer>
139+
© 2025 Themixly. All rights reserved. | Built with ❤️ for developers & designers.
140+
</footer>
141+
142+
</body>
143+
</html>

0 commit comments

Comments
 (0)