create-revo 2.0.6 → 2.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-revo",
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "Project setup tool for ReactJS and NextJS",
   "main": "cli.js",
   "bin": {

package/template-nextjs/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev -p 5173",
+    "dev": "next dev -p 7350",
     "build": "next build",
     "start": "next start",
     "lint": "eslint"

package/template-nextjs/src/app/layout.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
-import LenisWrapper from "@/components/LenisWrapper";
+import LenisWrapper from "@/components/layout/LenisWrapper";
 
 // replace the below metadata according to your project
 
@@ -9,7 +9,8 @@ export const metadata: Metadata = {
   description: "Built with revo",
   keywords: ["revo", "next.js", "npm", "package"],
   authors: [{ name: "maybetarun.in" }],
-  viewport: "width=device-width, initial-scale=1.0",
+  creator: "MaybeTarun.in",
+  publisher: "MaybeTarun.in",
   robots: "index, follow",
   icons: "/revo.svg",
 

package/template-nextjs/src/app/not-found.tsx

@@ -0,0 +1,28 @@
+import { Revo } from 'revoicons';
+import Link from 'next/link';
+
+export default function NotFound() {
+  return (
+    <div className="bg-white w-full h-screen flex flex-col">
+      <div className="h-[10vh] w-full border-b border-gray-400">
+        <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400" />
+      </div>
+      <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400 flex flex-col justify-center items-center relative overflow-hidden">
+        <div className="absolute inset-0 -z-0 bg-[linear-gradient(to_right,theme(colors.gray.100)_1px,transparent_1px),linear-gradient(to_bottom,theme(colors.gray.100)_1px,transparent_1px)] bg-[length:16px_16px]" />
+        <div className="flex flex-col items-center space-y-2 relative z-10">
+          <div className="flex justify-center items-center space-x-2 md:space-x-4">
+            <h1 className="text-black text-[5rem] md:text-[6rem] font-semibold leading-none text-center uppercase">
+              page not found
+            </h1>
+          </div>
+          <p className="text-black/80 text-sm md:text-lg text-center max-w-md">
+            website built with <Link href='https://revo-murex.vercel.app' target='_blank' className='text-black cursor-pointer'><Revo size={16} className='inline-block mr-1 -mt-[1px]' />revo</Link>
+          </p>
+        </div>
+      </div>
+      <div className="h-[10vh] w-full border-t border-gray-400">
+        <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400" />
+      </div>
+    </div>
+  );
+}

package/template-reactjs/index.html

@@ -9,6 +9,8 @@
     
     <title>revo</title>
     <meta name="author" content="Tarun Gupta" />
+    <meta name="creator" content="MaybeTarun.in" />
+    <meta name="publisher" content="MaybeTarun.in" />
     <meta name="keywords" content="revo, react.js, npm, package" />
     <meta name="description" content="Built with revo" />
     <meta name="robots" content="index, follow" />

package/template-reactjs/package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port 7350",
     "build": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview"

package/template-reactjs/src/App.tsx

@@ -1,6 +1,6 @@
 import { Revo } from 'revoicons';
 
-function App() {
+export default function App() {
   return (
     <div className="bg-white w-full h-screen flex flex-col">
       <div className="h-[10vh] w-full border-b border-gray-400">
@@ -30,5 +30,3 @@ function App() {
     </div>
   )
 }
-
-export default App

package/template-reactjs/src/NotFound.tsx

@@ -0,0 +1,27 @@
+import { Revo } from 'revoicons';
+
+export default function NotFound() {
+  return (
+    <div className="bg-white w-full h-screen flex flex-col">
+      <div className="h-[10vh] w-full border-b border-gray-400">
+        <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400" />
+      </div>
+      <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400 flex flex-col justify-center items-center relative overflow-hidden">
+        <div className="absolute inset-0 -z-0 bg-[linear-gradient(to_right,theme(colors.gray.100)_1px,transparent_1px),linear-gradient(to_bottom,theme(colors.gray.100)_1px,transparent_1px)] bg-[length:16px_16px]" />
+        <div className="flex flex-col items-center space-y-2 relative z-10">
+          <div className="flex justify-center items-center space-x-2 md:space-x-4">
+            <h1 className="text-black text-[5rem] md:text-[6rem] font-semibold leading-none text-center uppercase">
+              page not found
+            </h1>
+          </div>
+          <p className="text-black/80 text-sm md:text-lg text-center max-w-md">
+            website built with <a href='https://revo-murex.vercel.app' target='_blank' className='text-black cursor-pointer'><Revo size={16} className='inline-block mr-1 -mt-[1px]' />revo</a>
+          </p>
+        </div>
+      </div>
+      <div className="h-[10vh] w-full border-t border-gray-400">
+        <div className="h-full w-full md:w-[70vw] mx-auto border-x border-gray-400" />
+      </div>
+    </div>
+  );
+}

package/template-reactjs/src/main.tsx

@@ -3,13 +3,15 @@ import { createRoot } from 'react-dom/client';
 import { BrowserRouter, Routes, Route } from 'react-router-dom';
 import './index.css';
 import App from './App';
-import LenisWrapper from './components/LenisWrapper';
+import NotFound from './NotFound';
+import LenisWrapper from './components/layout/LenisWrapper';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <LenisWrapper>
       <BrowserRouter>
         <Routes>
+          <Route path="*" element={<NotFound />} />
           <Route path="/" element={<App />} />
         </Routes>
       </BrowserRouter>