Skip to content

nico1988/nextjs13-starter

Repository files navigation

This is a NextJs 13, Typescript and Tailwind starter file project created by Mukhammadxuja.

Getting Started

To use this starter, you can use create-next-app to do it by:

git clone git@github.com:nico1988/nextjs13-starter.git

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

What's Inside

This starter file has a opinionated styling for heading with responsive size and Montserrat font imported from the google fonts.

There is also Seo Component to customize page title and opengraph meta tags.

  • route grouping
  • custom 404 page
  • custom 404 page
  • custom 500 page
  • custom error page
  • custom app component
  • custom document component
  • custom head component
  • custom layout component
  • custom seo component
  • custom tailwind config
  • custom tailwind css
  • dynamic route
  • dynamic route with slug
  • dynamic route with slug and query
  • next/image component
  • next/link component
  • next/router
  • next/script component
  • next/head component
  • next/dynamic component
  • next/amp component
  • next/amphtml component
  • next/amphtml script
  • next/amphtml link
  • next/amphtml img
  • next/amphtml style
  • next/amphtml head
  • next/amphtml script
  • next/amphtml noscript
  • next/amphtml meta
  • next/amphtml link
  • next/amphtml title
  • next/amphtml base
  • next/amphtml html
  • next/amphtml body
  • next/amphtml amp-state
  • next/amphtml amp-img
  • next/amphtml amp-bind
  • next/amphtml amp-list
  • next/amphtml amp-form
  • next/amphtml amp-layout
  • next/amphtml amp-selector
  • next/amphtml amp-position-observer
  • next/amphtml amp-video
  • next/amphtml amp-video-iframe
  • next/amphtml amp-story
  • next/amphtml amp-story-page
  • next/amphtml amp-story-grid-layer
  • next/amphtml amp-story-bookend
  • next/amphtml amp-story-page-attachment
  • next/amphtml amp-story-consent
  • next/amphtml amp-story-interactive
  • next/amphtml amp-story-interactive-binary-poll
  • next/amphtml amp-story-interactive-img-poll
  • next/amphtml amp-story-interactive-img-quiz
  • next/amphtml amp-story-interactive-poll
  • next/amphtml amp-story-interactive-quiz
  • next/amphtml amp-story-interactive-results
  • next/amphtml amp-story-interactive-results-category
  • next/amphtml amp-story-interactive-results-detailed
  • next/amphtml amp-story-interactive-results-quiz
  • next/amphtml amp-story-page-outlink
  • next/amphtml amp-story-player
  • next/amphtml amp-story-player
  • custom 500 page
  • custom error page
  • custom app component
  • custom document component
  • custom head component
  • custom layout component
  • custom seo component
  • custom tailwind config
  • custom tailwind css
  • dynamic route
  • dynamic route with slug
  • dynamic route with slug and query