updated guide, removed console logs from other functions

postcss.config.js

@@ -1,10 +1,8 @@
 module.exports = {
-  plugins: {
-    'postcss-import': {},
-    tailwindcss: {},
-    'postcss-focus-visible': {
-      replaceWith: '[data-focus-visible-added]',
-    },
-    autoprefixer: {},
-  },
-}
+  plugins: [
+      'postcss-import',
+      'tailwindcss/nesting',
+      'tailwindcss',
+      'autoprefixer',
+  ]
+}

src/components/helperComponents/packagesUsed.jsx

@@ -2,7 +2,6 @@ import Link from 'next/link.js'
 import { installationPackages } from './packages.js'
 
 export const PackagesUsed = ({ packages, type }) => {
-  console.log({ installationPackages })
 
   const url = (installationPackage) => {
     if (type === 'npm') {
@@ -10,7 +9,6 @@ export const PackagesUsed = ({ packages, type }) => {
         installationPackages[installationPackage] &&
         installationPackages[installationPackage].npm
       ) {
-        console.log(installationPackage)
         return `https://www.npmjs.com/package/${installationPackages[installationPackage].npm}`
       }
       return `https://www.npmjs.com/package/${installationPackage}`

src/components/products/Grid.jsx

@@ -9,13 +9,12 @@ export function Grid({
   numCols = 'grid-cols-3',
   ...props
 }) {
-  console.log('menuItem', menuItem)
+  
   const products = allProducts.filter(
     (product) => menuItem === product.navigationMenuCatergory
   )
 
   let className = `relative grid ${numCols} gap-3`
-  console.log(className)
 
   return (
     <ul className={className} {...props}>

src/components/products/MobileAppGrid.jsx

@@ -11,7 +11,6 @@ export function MobileAppGrid({
   menuItem,
   ...props
 }) {
-  console.log('menuItem', menuItem)
   const products = allProducts
 
   const hub = products.find((product) => product.name === 'Metaplex')

src/components/products/SwitcherPopover.jsx

@@ -2,7 +2,6 @@ import { Grid } from '@/components/products/Grid'
 import { Popover, Transition } from '@headlessui/react'
 
 export function SwitcherPopover({ children, menuItem, ...props }) {
-  console.log('menuItem', menuItem)
   return (
     <Popover {...props}>
       {children}

src/components/products/guides/index.js

@@ -116,6 +116,17 @@ export const guides = {
             },
           ],
         },
+        {
+          title: 'Templates',
+          links: [
+            {
+              title: 'NextJs Template',
+              href: '/guides/templates/nextjs',
+              created: '2024-08-29',
+              updated: null, // null means it's never been updated
+            },
+          ],
+        },
         {
           title: 'Metaplex Program Guides',
           links: [

src/pages/_app.jsx

@@ -17,7 +17,6 @@ require('prismjs/components/prism-rust')
 
 export default function App({ Component, pageProps }) {
   const page = usePage(pageProps)
-  console.log({ page })
 
   return (
     <>