Skip to content

Commit 29a68bc

Browse files
justinTsugranesjustinTsugranes
committed
updated readme
1 parent ed596ca commit 29a68bc

File tree

12 files changed

+140
-73
lines changed

12 files changed

+140
-73
lines changed

‎README.md‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,75 @@
1+
# From the [Codevolution](https://youtube.com/codevolution) Youtube [Next.js Tutorial Series](https://youtube.com/playlist?list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH)
2+
3+
It is the best tutorial series on Next.js by far and is over 70 videos long.
4+
5+
## Topics covered include
6+
7+
- Project Stucture
8+
- Routing
9+
- Routing with Pages
10+
- Nested Routes
11+
- Dynamic Routes
12+
- Nested Dynamic Routes
13+
- Catch All Routes
14+
- Link Component Navigation
15+
- Navigating Programmatically
16+
- Custom 404 Pages
17+
- Pre-rendering and Data Fetching
18+
- Static Generation
19+
- Static Generation with g etStaticProps
20+
- Pages vs Components
21+
- Inspecting Static Generation Builds
22+
- SSG with Dynamic Parameters
23+
- SSG with getStaticPaths
24+
- Inspecting getStaticPath Builds
25+
- Fetching Paths for getStaticPaths
26+
- getStaticPaths fallbacks
27+
- Incremental Static Regeneration
28+
- Inspecting ISR Builds
29+
- Server-side Rendering
30+
- SSR with getServerSideProps
31+
- SSR with Dynamic Parameters
32+
- Inspecting SSR Builds
33+
- Client-side Data Fetching
34+
- SWR for Client-side Data Fetching
35+
- Pre-rendering and Client side Data Fetching
36+
- API routes
37+
- API GET Requests
38+
- API POST Requests
39+
- Dynamic API Routes
40+
- API DELETE Requests
41+
- Catch All API Routes
42+
- APIs and Pre-rendering
43+
- Styling
44+
- Global Styles
45+
- Component Level Styles
46+
- Sass Support
47+
- CSS in JS
48+
- App Layout
49+
- The Head Component
50+
- The Image Component
51+
- Absolute Imports and Module Paths
52+
- Static HTML Exporting
53+
- TypeScript Support
54+
- Redirects
55+
- Environmental Variables
56+
- Authentication in Next.js
57+
- NextAuth Setup
58+
- Sign In and Sign Out
59+
- Client-side Authentication
60+
- Securing Pages Client-Side
61+
- NextAuth Providers
62+
- Server-side Authentication
63+
- Securing Pages Server-side
64+
- Securing API Routes
65+
- Connecting to a Database
66+
- Callbacks
67+
- Deployig Next.js Apps to Vercel
68+
69+
---
70+
71+
### Original Next.js README info
72+
173
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
274

375
## Getting Started

‎pages/about.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
function About() {
2+
return <h1>About Page</h1>;
3+
}
4+
5+
export default About;

‎pages/api/hello.js‎

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎pages/blog/first.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
function FirstBlog() {
2+
return <h1>First Blog Page</h1>;
3+
}
4+
5+
export default FirstBlog;

‎pages/blog/index.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
function Blog() {
2+
return <h1>Blog Home Page</h1>;
3+
}
4+
5+
export default Blog;

‎pages/blog/second.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
function SecondBlog() {
2+
return <h1>Second Blog Page</h1>;
3+
}
4+
5+
export default SecondBlog;

‎pages/index.js‎

Lines changed: 4 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -1,69 +1,5 @@
1-
import Head from 'next/head'
2-
import Image from 'next/image'
3-
import styles from '../styles/Home.module.css'
4-
5-
export default function Home() {
6-
return (
7-
<div className={styles.container}>
8-
<Head>
9-
<title>Create Next App</title>
10-
<meta name="description" content="Generated by create next app" />
11-
<link rel="icon" href="/favicon.ico" />
12-
</Head>
13-
14-
<main className={styles.main}>
15-
<h1 className={styles.title}>
16-
Welcome to <a href="https://nextjs.org">Next.js!</a>
17-
</h1>
18-
19-
<p className={styles.description}>
20-
Get started by editing{' '}
21-
<code className={styles.code}>pages/index.js</code>
22-
</p>
23-
24-
<div className={styles.grid}>
25-
<a href="https://nextjs.org/docs" className={styles.card}>
26-
<h2>Documentation &rarr;</h2>
27-
<p>Find in-depth information about Next.js features and API.</p>
28-
</a>
29-
30-
<a href="https://nextjs.org/learn" className={styles.card}>
31-
<h2>Learn &rarr;</h2>
32-
<p>Learn about Next.js in an interactive course with quizzes!</p>
33-
</a>
34-
35-
<a
36-
href="https://github.com/vercel/next.js/tree/canary/examples"
37-
className={styles.card}
38-
>
39-
<h2>Examples &rarr;</h2>
40-
<p>Discover and deploy boilerplate example Next.js projects.</p>
41-
</a>
42-
43-
<a
44-
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
45-
className={styles.card}
46-
>
47-
<h2>Deploy &rarr;</h2>
48-
<p>
49-
Instantly deploy your Next.js site to a public URL with Vercel.
50-
</p>
51-
</a>
52-
</div>
53-
</main>
54-
55-
<footer className={styles.footer}>
56-
<a
57-
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
58-
target="_blank"
59-
rel="noopener noreferrer"
60-
>
61-
Powered by{' '}
62-
<span className={styles.logo}>
63-
<Image src="/vercel.svg" alt="Vercel Logo" width={72} height={16} />
64-
</span>
65-
</a>
66-
</footer>
67-
</div>
68-
)
1+
function Home() {
2+
return <h1>Home Page</h1>;
693
}
4+
5+
export default Home;

‎pages/product/[productId]/index.js‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { useRouter } from 'next/router'
2+
3+
function ProductDetail() {
4+
const router = useRouter()
5+
const productId = router.query.productId
6+
return <h1>Details about product {productId}</h1>
7+
}
8+
9+
export default ProductDetail

‎pages/product/[productId]/review/[reviewId].js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import { useRouter } from 'next/router'
2+
3+
function Review() {
4+
const router = useRouter()
5+
const { productId, reviewId } = router.query
6+
7+
return (
8+
<h1>
9+
Review {reviewId} for Product {productId}
10+
</h1>
11+
)
12+
}
13+
14+
export default Review

‎pages/product/index.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
function ProductList() {
2+
return (
3+
<>
4+
<h2>Product 1</h2>
5+
<h2>Product 2</h2>
6+
<h2>Product 3</h2>
7+
</>
8+
)
9+
}
10+
11+
export default ProductList

0 commit comments

Comments
 (0)