Built with Next.js and NextUI, derived from nextui-org's next-app-template
dev.tomdev.xyz — Next.js Portfolio Template
By JoKeRxTD
A personal portfolio website template based on Next.js and NextUI, integrating TypeScript, AuthJS v5, and Discord OAuth; you can clone it or create a repository from the template and modify it yourself.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Written in TypeScript
Integrates AuthJS v5 and Discord OAuth
Uses NextUI, ShadCN, and Tailwind CSS for interface styling
Uses Framer Motion for animations
README provides clone, dependency installation, development, and build commands
Template Details
This template is the author's personal portfolio website, built on the next-app-template provided by nextui-org, using Next.js and NextUI, and including TypeScript, AuthJS v5 (Discord OAuth), ShadCN, Tailwind CSS, and Framer Motion. The README explains that you can click the repository's Use this template button to create a new repository, or clone the repository and run npm install / yarn install to install dependencies, use npm run dev / yarn dev to start development, or npm run build / yarn build to build, and visit http://localhost:3000 in a browser to view the result. Editable areas include the src directory, next.config.js, public, styles, and components directories. The README does not provide the page structure, routes, component list, environment variable configuration, specific steps for integrating AuthJS and Discord OAuth, Netlify deployment configuration instructions, nor does it state whether the template includes features beyond portfolio display and authentication. The preview screenshots only prove that desktop and mobile pages exist; they do not prove specific page functionality.
Is it right for your project?
Use Cases
- As a starting point for a personal portfolio website, follow the README to clone or create a repository via Use this template, then modify directories such as src
- Run npm run dev or yarn dev locally, visit http://localhost:3000 to preview and edit pages
- Use npm run build or yarn build to build the project
- When needed, refer to the AuthJS v5 and Discord OAuth technology combination listed in the README for authentication-related development
Suitable For
- Developers who want to build a personal portfolio website based on Next.js, NextUI, and TypeScript
- Developers who need a reference for integrating AuthJS v5 and Discord OAuth
- Users who accept the README license terms and are willing to credit the template source in personal use
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The README explains that you can create a new repository via the repository's Use this template button, or clone the repository using git clone
- 2
Install dependencies using npm install or yarn install
- 3
Run development using npm run dev or yarn dev; build using npm run build or yarn build
- 4
After starting, visit http://localhost:3000 to view the result; you can edit the src directory and next.config.js, public, styles, components directories
- 5
The README does not provide the environment variables or callback URL configuration instructions required for AuthJS and Discord OAuth
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; 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
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full 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; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
- README requirement: you may freely use and modify for personal purposes, but you must credit the template author by linking back to tomdev.xyz.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
https://github.com/JoKeRxTD/dev.tomdev.xyz/blob/master/LICENSEhttps://github.com/JoKeRxTD/dev.tomdev.xyz/blob/master/README.mdYou can use this at your own free will & edit how every you like for your own personal use, All I ask is that I am credited for the template. You can do this by linking back to my website, [tomdev.xyz](https://tomdev.xyz).
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-13. 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
- More documented · 77 / 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
- 2025-07-01
- Screenshot last checked
- 2026-10-13
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: codex-user-requested-batch-review-20261017 · 2026-10-16
Inspect the recorded source material
SHA-256: 544ff19fedca7b80c8f5209afcd51f04b2f7249adc43ae1860d55058d8353212
2026-10-13T22:44:12.200Z
Source file / repository# Portfolio Website Template This is my Porfoilio website built with Next.js and NextUI. It is a template that you can use to build your own website. This was created from the template provided by [nextui-org](https://github.com/nextui-org/next-app-template). You can preview the website [PREVIEW](https://tomdev.xyz). # Build [](https://app.netlify.com/sites/funny-bombolone-136075/deploys) # Star <img style='border-radius: 10px;' src="https://cdn.tomdev.xyz/img/dev_bo4h5gr1.png" alt="star" /> ## Technologies Used - [Next.js 14](https://nextjs.org/docs/getting-started) - [TypeScript](https://www.typescriptlang.org/) - [AuthJS v5](https://authjs.dev) - [Discord 0Auth](https://discord.dev) - [NextUI](https://nextui.org/) & [ShadCN](https://ui.shadcn.com) with [Tailwind CSS](https://tailwindcss.com/) - [Framer Motion](https://www.framer.com/motion/) ## How to Use ### Use the template with jokerev.xyz 1. Click on the `Use this template` button on the top right of the repository. 2. Create a new repository with the template. ### Clone the repository 1. Clone the repository with the following command: ```bash git clone ``` 2. Install the dependencies: ```bash npm install # or yarn install ``` 1. Deploy the project ```bash npm run dev # or yarn dev ``` or build the project ```bash npm run build # or yarn build ``` 1. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the files in the `src` directory. 2. Start editing the files in the `src` directory. 3. You can also change the `next.config.js` file to add your own configurations. 4. You can also change the `public` directory to add your own images and other assets. 5. You can also change the `styles` directory to add your own styles. 6. You can also change the `components` directory to add your own components. ## License You can use this at your own free will & edit how every you like for your own personal use, All I ask is that I am credited for the template. You can do this by linking back to my website, [tomdev.xyz](https://tomdev.xyz).
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
