Create T3 App

TODO

• partytown
• cms - Notion (~~ Sanity?, Contentful?, Prismic?, Storyblok?~~ )
• mdx
• Next 13 app directory
• stack page
• about page with photo
• blog page with article search as on leerob.io/blog
• blog article page
• newsletter
• projects page
• project detail page
• page transition animations
• scrolling animations / element entering page animations
• animated dark mode switching
• caching
• SEO
• sitemap
• robots.txt
• 404 page
• style all base elements
• no css, everything is in tailwind config
• arrow for external links as on brianlovin.com
• lighthouse pwa
• CSP - XSS protection https://developer.chrome.com/docs/lighthouse/best-practices/csp-xss
• Turbopack
• ~~ preact ~~ (not currently possible due to incompatibility with framer-motion)
• use Pantone Color of the Year as primary color
• add next-translate
• OG images with next-og-image
• cmdk https://github.com/pacocoursey/cmdk
• use @container queries

This is an app bootstrapped according to the init.tips stack, also known as the T3-Stack.

What's next? How do I make an app with this?

We try to keep this project as simple as possible, so you can start with the most basic configuration and then move on to more advanced configuration.

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.

• Next-Auth.js
• Prisma
• TailwindCSS
• tRPC

We also roll our own docs with some summary information and links to the respective documentation.

Also checkout these awesome tutorials on create-t3-app.

• Build a Blog With the T3 Stack - tRPC, TypeScript, Next.js, Prisma & Zod
• Build a Live Chat Application with the T3 Stack - TypeScript, Tailwind, tRPC
• Build a full stack app with create-t3-app
• A first look at create-t3-app

How do I deploy this?

Follow our deployment guides for Vercel and Docker for more information.