You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+13-33Lines changed: 13 additions & 33 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -55,27 +55,9 @@ Next App directory with [React Server Component](https://nextjs.org/docs/getting
55
55
6. Added a blog post
56
56
7. Deployed on Vercel
57
57
58
-
## Installation
59
-
60
-
```bash
61
-
yarn
62
-
```
63
-
64
-
Please note, that if you are using Windows, you may need to run:
65
-
66
-
```bash
67
-
$env:PWD = $(Get-Location).Path
68
-
```
69
-
70
58
## Development
71
59
72
-
First, run the development server:
73
-
74
-
```bash
75
-
yarn dev
76
-
```
77
-
78
-
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
60
+
devcontainer runs and opens [http://localhost:3000](http://localhost:3000)
79
61
80
62
Edit the layout in `app` or content in `data`. With live reloading, the pages auto-updates as you edit them.
81
63
@@ -89,21 +71,21 @@ Edit the layout in `app` or content in `data`. With live reloading, the pages au
89
71
90
72
`data/headerNavLinks.js` - navigation links.
91
73
92
-
`data/logo.svg` - replace with your own logo.
74
+
`data/logo.svg` - logo.
93
75
94
-
`data/blog` - replace with your own blog posts.
76
+
`data/blog` - blog posts.
95
77
96
78
`public/static` - store assets such as images and favicons.
97
79
98
80
`tailwind.config.js` and `css/tailwind.css` - tailwind configuration and stylesheet which can be modified to change the overall look and feel of the site.
99
81
100
-
`css/prism.css` - controls the styles associated with the code blocks. Feel free to customize it and use your preferred prismjs theme e.g. [prism themes](https://github.com/PrismJS/prism-themes).
82
+
`css/prism.css` - controls the styles associated with the code blocks. Customizeable to preferred prismjs theme e.g. [prism themes](https://github.com/PrismJS/prism-themes).
101
83
102
84
`contentlayer.config.ts` - configuration for Contentlayer, including definition of content sources and MDX plugins used. See [Contentlayer documentation](https://www.contentlayer.dev/docs/getting-started) for more information.
103
85
104
86
`components/MDXComponents.js` - pass your own JSX code or React component by specifying it over here. You can then use them directly in the `.mdx` or `.md` file. By default, a custom link, `next/image` component, table of contents component and Newsletter form are passed down. Note that the components should be default exported to avoid [existing issues with Next.js](https://github.com/vercel/next.js/issues/51593).
105
87
106
-
`layouts` - main templates used in pages:
88
+
`layouts` - main used in pages:
107
89
108
90
- There are currently 3 post layouts available: `PostLayout`, `PostSimple` and `PostBanner`. `PostLayout` is the default 2 column layout with meta and author information. `PostSimple` is a simplified version of `PostLayout`, while `PostBanner` features a banner image.
109
91
- There are 2 blog listing layouts: `ListLayout`, the layout used in version 1 of the template with a search bar and `ListLayoutWithTags`, currently used in version 2, which omits the search bar but includes a sidebar with information on the tags.
@@ -114,7 +96,7 @@ Edit the layout in `app` or content in `data`. With live reloading, the pages au
114
96
115
97
## Post
116
98
117
-
Content is modelled using [Contentlayer](https://www.contentlayer.dev/), which allows you to define your own content schema and use it to generate typed content objects. See [Contentlayer documentation](https://www.contentlayer.dev/docs/getting-started) for more information.
99
+
Content is modelled using [Contentlayer](https://www.contentlayer.dev/), define content schema and use it to generate typed content objects. See [Contentlayer documentation](https://www.contentlayer.dev/docs/getting-started) for more information.
118
100
119
101
### Frontmatter
120
102
@@ -139,25 +121,23 @@ Here's an example of a post's frontmatter:
139
121
140
122
```
141
123
---
142
-
title: 'Introducing Tailwind Nexjs Starter Blog'
143
-
date: '2021-01-12'
124
+
title: 'Starter Blog'
125
+
date: '2025-01-20'
144
126
lastmod: '2021-01-18'
145
127
tags: ['next-js', 'tailwind', 'guide']
146
128
draft: false
147
-
summary: 'Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template.'
The easiest way to deploy the template is to deploy on [Vercel](https://vercel.com). Check out the [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
160
-
161
-
Showcase your projects with a hero image (16 x 9)
141
+
The easiest way to deploy is on [Vercel](https://vercel.com). The [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
0 commit comments