<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Codevix</title>
    <description>The latest articles on Forem by Codevix (@codevix25).</description>
    <link>https://forem.com/codevix25</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3809316%2F5c88d629-2825-47d4-a071-684b9c556d05.png</url>
      <title>Forem: Codevix</title>
      <link>https://forem.com/codevix25</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/codevix25"/>
    <language>en</language>
    <item>
      <title>Launching My First Website Template — Noir Ink (Next.js + Tailwind CSS)</title>
      <dc:creator>Codevix</dc:creator>
      <pubDate>Fri, 06 Mar 2026 07:42:55 +0000</pubDate>
      <link>https://forem.com/codevix25/launching-my-first-website-template-noir-ink-nextjs-tailwind-css-1n12</link>
      <guid>https://forem.com/codevix25/launching-my-first-website-template-noir-ink-nextjs-tailwind-css-1n12</guid>
      <description>&lt;h1&gt;
  
  
  Launching My First Website Template — Noir Ink
&lt;/h1&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faad6simrrctm7vgedce5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faad6simrrctm7vgedce5.jpg" alt=" " width="800" height="1594"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Today I’m excited to share something I’ve been working on for a while.&lt;/p&gt;

&lt;p&gt;I’ve just launched my &lt;strong&gt;first website template&lt;/strong&gt; called &lt;strong&gt;Noir Ink&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;Noir Ink is a &lt;strong&gt;luxury dark-themed website template&lt;/strong&gt; designed specifically for &lt;strong&gt;tattoo studios, tattoo artists, and creative portfolios&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;The goal was to create something that feels &lt;strong&gt;modern, bold, and visually strong&lt;/strong&gt;, while still being &lt;strong&gt;clean and reusable for developers and designers&lt;/strong&gt;.&lt;/p&gt;




&lt;h2&gt;
  
  
  Design Concept
&lt;/h2&gt;

&lt;p&gt;Tattoo studios usually prefer &lt;strong&gt;dark, premium-looking websites&lt;/strong&gt; that highlight artwork and portfolios.&lt;/p&gt;

&lt;p&gt;With Noir Ink, I focused on creating:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A &lt;strong&gt;dark luxury UI&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Strong &lt;strong&gt;visual hierarchy&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;Smooth animations&lt;/li&gt;
&lt;li&gt;Clean typography&lt;/li&gt;
&lt;li&gt;A layout optimized for &lt;strong&gt;artist portfolios&lt;/strong&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The design makes it easy to showcase tattoos, artists, galleries, and studio information.&lt;/p&gt;




&lt;h2&gt;
  
  
  Tech Stack
&lt;/h2&gt;

&lt;p&gt;The template is built with a modern development stack:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Next.js&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;React&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Tailwind CSS&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;shadcn/ui&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Reusable component structure&lt;/strong&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This makes the template easy to customize and extend for other creative websites as well.&lt;/p&gt;




&lt;h2&gt;
  
  
  Features
&lt;/h2&gt;

&lt;p&gt;Some key features of the template include:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Modern dark UI&lt;/li&gt;
&lt;li&gt;Smooth animations&lt;/li&gt;
&lt;li&gt;Responsive design&lt;/li&gt;
&lt;li&gt;Clean component structure&lt;/li&gt;
&lt;li&gt;Easy customization&lt;/li&gt;
&lt;li&gt;Optimized layout for portfolios and studios&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The template is designed so developers can quickly adapt it for different types of creative businesses.&lt;/p&gt;




&lt;h2&gt;
  
  
  Live Demo
&lt;/h2&gt;

&lt;p&gt;You can view the live version here:&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;Live Demo&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://noir-ink.codevix.in" rel="noopener noreferrer"&gt;https://noir-ink.codevix.in&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Template Download
&lt;/h2&gt;

&lt;p&gt;If you like the design or want to use it in your own projects, the template is available here:&lt;/p&gt;

&lt;p&gt;👉 &lt;strong&gt;Gumroad&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
&lt;a href="https://codevix25.gumroad.com/l/noir-ink-tattoo-nextjs-template" rel="noopener noreferrer"&gt;https://codevix25.gumroad.com/l/noir-ink-tattoo-nextjs-template&lt;/a&gt;&lt;/p&gt;




&lt;h2&gt;
  
  
  Why I Built This
&lt;/h2&gt;

&lt;p&gt;This is my &lt;strong&gt;first digital product launch&lt;/strong&gt;, and creating something that goes from an idea to a complete product has been a really rewarding experience.&lt;/p&gt;

&lt;p&gt;The goal is to continue building more &lt;strong&gt;templates, tools, and developer resources&lt;/strong&gt; in the future.&lt;/p&gt;




&lt;h2&gt;
  
  
  Feedback
&lt;/h2&gt;

&lt;p&gt;If you check out the demo, I would really appreciate any feedback about:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;UI / UX&lt;/li&gt;
&lt;li&gt;Design&lt;/li&gt;
&lt;li&gt;Structure&lt;/li&gt;
&lt;li&gt;Performance&lt;/li&gt;
&lt;li&gt;Overall usability&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Developer feedback always helps improve future projects.&lt;/p&gt;




&lt;p&gt;Thanks for reading and supporting the project 🚀&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwbtzzplkod6x8ca88ih.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwbtzzplkod6x8ca88ih.jpg" alt=" " width="800" height="1734"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>nextjs</category>
      <category>react</category>
      <category>tailwindcss</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Running Full-Stack Next.js Development on Android using Termux + Acode Editor 📱</title>
      <dc:creator>Codevix</dc:creator>
      <pubDate>Fri, 06 Mar 2026 07:30:44 +0000</pubDate>
      <link>https://forem.com/codevix25/running-full-stack-nextjs-development-on-android-using-termux-acode-editor-252m</link>
      <guid>https://forem.com/codevix25/running-full-stack-nextjs-development-on-android-using-termux-acode-editor-252m</guid>
      <description>&lt;p&gt;Running Next.js on Android using Termux + Acode Editor (Full mobile development setup)&lt;/p&gt;

&lt;p&gt;I recently experimented with running a full Next.js development environment directly on an Android phone, and surprisingly it works really well.&lt;/p&gt;

&lt;p&gt;This setup allows you to create, run, and develop complete React and Next.js applications directly from your phone without needing a laptop.&lt;/p&gt;

&lt;p&gt;You can build full stack applications as well. PostgreSQL works in Termux, and tools like Drizzle ORM run smoothly.&lt;/p&gt;

&lt;p&gt;You can also use modern UI libraries like shadcn/ui and other component libraries without issues.&lt;/p&gt;

&lt;p&gt;Personally I use this stack while developing from my phone:&lt;/p&gt;

&lt;p&gt;Next.js&lt;br&gt;
Node.js&lt;br&gt;
Tailwind CSS&lt;br&gt;
shadcn/ui&lt;br&gt;
Drizzle ORM&lt;br&gt;
Neon Postgres&lt;br&gt;
NextAuth&lt;br&gt;
Socket.io&lt;br&gt;
and many other tools depending on the project.&lt;/p&gt;

&lt;p&gt;SETUP GUIDE&lt;/p&gt;

&lt;p&gt;1️⃣ &lt;strong&gt;Install Termux&lt;/strong&gt;&lt;br&gt;
Download Termux from F-Droid.&lt;/p&gt;

&lt;p&gt;2️⃣ &lt;strong&gt;Install Acode Editor&lt;/strong&gt;&lt;br&gt;
Download Acode Editor from GitHub.&lt;br&gt;
This will be used to edit the Next.js project files.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;UPDATE TERMUX&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;pkg update &amp;amp;&amp;amp; pkg upgrade&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;INSTALL NODEJS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;pkg install nodejs-lts&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;INSTALL NPM&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;pkg install npm&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;INSTALL PNPM&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;npm install -g pnpm&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;CREATE A NEXT.JS PROJECT&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;pnpm dlx create-next-app@latest nextjs&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Move into the project folder&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;cd nextjs&lt;/p&gt;

&lt;p&gt;Install Tailwind + PostCSS&lt;/p&gt;

&lt;p&gt;pnpm add tailwindcss &lt;a class="mentioned-user" href="https://dev.to/tailwindcss"&gt;@tailwindcss&lt;/a&gt;/postcss postcss&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;IMPORTANT NOTE&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Termux currently does not support Turbopack, so you must run Next.js using webpack.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Update the scripts inside package.json&lt;/p&gt;

&lt;p&gt;"scripts": {&lt;br&gt;
"dev": "next dev --webpack",&lt;br&gt;
"build": "next build --webpack",&lt;br&gt;
"start": "next start"&lt;br&gt;
}&lt;/p&gt;

&lt;p&gt;This step is very important otherwise Next.js may not run properly inside Termux.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;RUN THE PROJECT&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;pnpm dev&lt;/p&gt;

&lt;p&gt;Then open in your browser&lt;/p&gt;

&lt;p&gt;&lt;a href="http://localhost:3000" rel="noopener noreferrer"&gt;http://localhost:3000&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you can build and develop Next.js apps completely from your Android phone.&lt;/p&gt;

&lt;p&gt;REAL EXAMPLE&lt;/p&gt;

&lt;p&gt;I actually built a complete production website template using this exact setup.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Live Demo&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://noir-ink.codevix.in" rel="noopener noreferrer"&gt;View Live Demo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Template&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://codevix25.gumroad.com/l/noir-ink-tattoo-nextjs-template" rel="noopener noreferrer"&gt;Get the Template&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;COMING NEXT&lt;/p&gt;

&lt;p&gt;Within the next few days I will also release an open-source project called Termux Terminal Copilot.&lt;/p&gt;

&lt;p&gt;It will allow developers to use AI inside Termux similar to GitHub Copilot directly in the terminal.&lt;/p&gt;

&lt;p&gt;The entire project will be free and open source so anyone can modify and build their own AI tools.&lt;/p&gt;

&lt;p&gt;FEEDBACK&lt;/p&gt;

&lt;p&gt;If anyone here is also developing projects directly from mobile devices, I would love to hear your workflow.&lt;/p&gt;

&lt;p&gt;Always curious how other developers work with lightweight setups.&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>react</category>
      <category>nextjs</category>
    </item>
  </channel>
</rss>
