Welcome to Samfolio 🌟
A modern, visually stunning portfolio website built to showcase talent, creativity, and expertise. Designed to impress, Samfolio blends cutting-edge technology with an elegant design, making it the perfect platform for standing out in today's competitive digital space.
- Next.js Framework: Leveraging the power of Next.js for seamless performance, server-side rendering (SSR), and static site generation (SSG).
- Node.js Backend: A robust backend system that handles dynamic content effortlessly, currently based on a JSON file but scalable to MongoDB.
- Elegant Design: A carefully curated color palette combining teal, two complementary shades of orange, and grey to achieve a modern and sophisticated look.
- Impressive Visual Effects: Incorporates the latest JavaScript libraries and frameworks to deliver sleek animations and transitions.
- Mobile-First Design: Fully responsive and optimized for devices of all sizes, ensuring a perfect user experience anywhere.
- Deployed on Vercel: Harnessing the power of Vercel’s deployment platform for lightning-fast and reliable hosting.
- Next.js: The backbone for fast and optimized UI.
- React: Creating dynamic and interactive components.
- Framer Motion: A modern animation library for JavaScript and React.
- CSS Modules: Ensuring modular and maintainable styling.
- Tailwind CSS: A utility-first CSS framework for rapid and responsive design.
- Node.js: Powering the server-side logic with flexibility and speed.
- Future Ready for MongoDB: Easily scalable to a robust database solution.
- Vercel: Industry-leading deployment platform for the best performance and latest technologies.
- MongoDB Integration: Transitioning from JSON-based content to MongoDB for advanced data handling.
- Enhanced Animations: Expanding visual effects with WebGL and Three.js.
- SEO Optimization: Boosting search engine visibility with structured metadata and Open Graph tags.
-
Clone the repository:
git clone https://github.com/sams258/portolio.git cd portfolio -
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open in your browser: Navigate to http://localhost:3000.
-
Deploy to Vercel: Push your changes to GitHub and follow the deployment steps on Vercel.
Contributions are always welcome! Feel free to fork the repository, make changes, and submit a pull request. Let’s make Samfolio even better together!
This project is open-source and available under the MIT License.
Sam
A passionate developer with a keen eye for design and a love for Next.js. Samfolio is a testament to creativity and technical prowess.
Thank you for checking out Samfolio! 🌟
Samfolio is available on https://samfolio.se
We’d love to hear your feedback and ideas for improvement.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.