Skip to content
This repository was archived by the owner on Mar 18, 2024. It is now read-only.

Commit 5ae668a

Browse files
k900224k900224
committed
Create nextjs and tailwindcss app, and working on creating layout
1 parent 46a5e4c commit 5ae668a

19 files changed

+6520
-1
lines changed

‎.gitignore

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
8+
# testing
9+
/coverage
10+
11+
# next.js
12+
/.next/
13+
/out/
14+
15+
# production
16+
/build
17+
18+
# misc
19+
.DS_Store
20+
*.pem
21+
22+
# debug
23+
npm-debug.log*
24+
yarn-debug.log*
25+
yarn-error.log*
26+
27+
# local env files
28+
.env.local
29+
.env.development.local
30+
.env.test.local
31+
.env.production.local
32+
33+
# vercel
34+
.vercel

‎README.md

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,34 @@
1-
# BlogStream
1+
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).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
```
12+
13+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
14+
15+
You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
16+
17+
[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
18+
19+
The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
20+
21+
## Learn More
22+
23+
To learn more about Next.js, take a look at the following resources:
24+
25+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
26+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
27+
28+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
29+
30+
## Deploy on Vercel
31+
32+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
33+
34+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎components/global/Footer.js

Lines changed: 195 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,195 @@
1+
export default function Footer() {
2+
return (
3+
<footer className="bg-white" aria-labelledby="footer-heading">
4+
<h2 id="footer-heading" className="sr-only">
5+
Footer
6+
</h2>
7+
<div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
8+
<div className="xl:grid xl:grid-cols-3 xl:gap-8">
9+
<div className="space-y-8 xl:col-span-1">
10+
<img src="./Logo.svg" alt="Blog Stream" />
11+
<p className="text-gray-500 text-base">
12+
Read Blogs anytime anywhere and pay for what you read.
13+
</p>
14+
</div>
15+
<div className="mt-12 grid grid-cols-3 gap-8 xl:mt-0 xl:col-span-2">
16+
<div className="md:grid md:grid-cols-1 md:gap-8">
17+
<div>
18+
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
19+
Services
20+
</h3>
21+
<ul role="list" className="mt-4 space-y-4">
22+
<li>
23+
<a
24+
href="#"
25+
className="text-base text-gray-500 hover:text-gray-900"
26+
>
27+
Email Marketing
28+
</a>
29+
</li>
30+
31+
<li>
32+
<a
33+
href="#"
34+
className="text-base text-gray-500 hover:text-gray-900"
35+
>
36+
Campaigns
37+
</a>
38+
</li>
39+
40+
<li>
41+
<a
42+
href="#"
43+
className="text-base text-gray-500 hover:text-gray-900"
44+
>
45+
Branding
46+
</a>
47+
</li>
48+
49+
<li>
50+
<a
51+
href="#"
52+
className="text-base text-gray-500 hover:text-gray-900"
53+
>
54+
Offline
55+
</a>
56+
</li>
57+
</ul>
58+
</div>
59+
</div>
60+
<div className="md:grid md:grid-cols-1 md:gap-8">
61+
<div className="mt-12 md:mt-0">
62+
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
63+
About
64+
</h3>
65+
<ul role="list" className="mt-4 space-y-4">
66+
<li>
67+
<a
68+
href="#"
69+
className="text-base text-gray-500 hover:text-gray-900"
70+
>
71+
Our Story
72+
</a>
73+
</li>
74+
75+
<li>
76+
<a
77+
href="#"
78+
className="text-base text-gray-500 hover:text-gray-900"
79+
>
80+
Benefits
81+
</a>
82+
</li>
83+
84+
<li>
85+
<a
86+
href="#"
87+
className="text-base text-gray-500 hover:text-gray-900"
88+
>
89+
Team
90+
</a>
91+
</li>
92+
93+
<li>
94+
<a
95+
href="#"
96+
className="text-base text-gray-500 hover:text-gray-900"
97+
>
98+
Career
99+
</a>
100+
</li>
101+
</ul>
102+
</div>
103+
</div>
104+
<div className="md:grid md:grid-cols-1 md:gap-8">
105+
<div className="mt-12 md:mt-0">
106+
<h3 className="text-sm font-semibold text-gray-400 tracking-wider uppercase">
107+
Follow Us
108+
</h3>
109+
<ul role="list" className="mt-4 space-y-4">
110+
<li>
111+
<a
112+
href="#"
113+
className="flex text-base text-gray-500 hover:text-gray-900"
114+
>
115+
<svg
116+
className="h-6 w-6 "
117+
fill="currentColor"
118+
viewBox="0 0 24 24"
119+
aria-hidden="true"
120+
>
121+
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
122+
</svg>{" "}
123+
Twitter
124+
</a>
125+
</li>
126+
127+
<li>
128+
<a
129+
href="#"
130+
className="flex text-base text-gray-500 hover:text-gray-900"
131+
>
132+
<svg
133+
className="h-6 w-6"
134+
fill="currentColor"
135+
viewBox="0 0 24 24"
136+
aria-hidden="true"
137+
>
138+
<path
139+
fillRule="evenodd"
140+
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
141+
clipRule="evenodd"
142+
/>
143+
</svg>{" "}
144+
GitHub
145+
</a>
146+
</li>
147+
148+
<li>
149+
<a
150+
href="#"
151+
className="flex text-base text-gray-500 hover:text-gray-900"
152+
>
153+
<svg
154+
className="h-6 w-6"
155+
width="24"
156+
height="24"
157+
viewBox="0 0 24 24"
158+
fill="none"
159+
xmlns="http://www.w3.org/2000/svg"
160+
>
161+
<path
162+
d="M18.41 0.000139831H1.47C1.27958 -0.00250479 1.0905 0.0323873 0.913566 0.102824C0.73663 0.17326 0.575303 0.27786 0.438797 0.410652C0.302292 0.543443 0.193281 0.701824 0.117992 0.876749C0.0427024 1.05167 0.00260839 1.23972 0 1.43014V18.5701C0.00260839 18.7606 0.0427024 18.9486 0.117992 19.1235C0.193281 19.2985 0.302292 19.4568 0.438797 19.5896C0.575303 19.7224 0.73663 19.827 0.913566 19.8975C1.0905 19.9679 1.27958 20.0028 1.47 20.0001H18.41C18.6004 20.0028 18.7895 19.9679 18.9664 19.8975C19.1434 19.827 19.3047 19.7224 19.4412 19.5896C19.5777 19.4568 19.6867 19.2985 19.762 19.1235C19.8373 18.9486 19.8774 18.7606 19.88 18.5701V1.43014C19.8774 1.23972 19.8373 1.05167 19.762 0.876749C19.6867 0.701824 19.5777 0.543443 19.4412 0.410652C19.3047 0.27786 19.1434 0.17326 18.9664 0.102824C18.7895 0.0323873 18.6004 -0.00250479 18.41 0.000139831V0.000139831ZM6.03 16.7401H3.03V7.74014H6.03V16.7401ZM4.53 6.48014C4.11626 6.48014 3.71947 6.31578 3.42691 6.02323C3.13436 5.73067 2.97 5.33388 2.97 4.92014C2.97 4.5064 3.13436 4.10961 3.42691 3.81705C3.71947 3.5245 4.11626 3.36014 4.53 3.36014C4.7497 3.33522 4.97218 3.35699 5.18288 3.42402C5.39357 3.49105 5.58774 3.60183 5.75266 3.7491C5.91757 3.89637 6.04953 4.07682 6.13987 4.27862C6.23022 4.48043 6.27692 4.69904 6.27692 4.92014C6.27692 5.14124 6.23022 5.35985 6.13987 5.56166C6.04953 5.76346 5.91757 5.94391 5.75266 6.09118C5.58774 6.23845 5.39357 6.34923 5.18288 6.41626C4.97218 6.48329 4.7497 6.50505 4.53 6.48014V6.48014ZM16.85 16.7401H13.85V11.9101C13.85 10.7001 13.42 9.91014 12.33 9.91014C11.9927 9.91261 11.6642 10.0184 11.3888 10.2133C11.1135 10.4082 10.9045 10.6828 10.79 11.0001C10.7117 11.2352 10.6778 11.4827 10.69 11.7301V16.7301H7.69C7.69 16.7301 7.69 8.55014 7.69 7.73014H10.69V9.00014C10.9625 8.52725 11.3589 8.13766 11.8364 7.87334C12.314 7.60902 12.8546 7.47999 13.4 7.50014C15.4 7.50014 16.85 8.79014 16.85 11.5601V16.7401Z"
163+
fill="black"
164+
/>
165+
</svg>
166+
LinkedIn
167+
</a>
168+
</li>
169+
</ul>
170+
</div>
171+
</div>
172+
</div>
173+
</div>
174+
<div className="grid grid-cols-4 mt-12 border-t border-gray-200 pt-8">
175+
<p className="col-start-1 col-end-3 text-base text-gray-400 xl:text-left">
176+
Copyright &copy; 2022. WebX DAO. All rights reserved.
177+
</p>
178+
179+
<a
180+
href="#"
181+
className="col-start-3 place-self-end text-base text-gray-500 hover:text-gray-900"
182+
>
183+
Terms & Conditions
184+
</a>
185+
<a
186+
href="#"
187+
className="col-start-4 place-self-end text-base text-gray-500 hover:text-gray-900"
188+
>
189+
Privacy Policy
190+
</a>
191+
</div>
192+
</div>
193+
</footer>
194+
);
195+
}

‎components/global/Header.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
const Header = () => {
2+
return (
3+
<div className="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
4+
<div className="pb-5 pt-5 mx-8 sm:flex sm:items-center sm:justify-between">
5+
<img src="./Logo.svg" alt="Blog Stream" />
6+
<div>
7+
<a href="#" className="text-base mx-4 font-medium text-gray-900">
8+
Home
9+
</a>
10+
<a href="#" className="text-base mx-4 font-medium text-gray-900">
11+
About
12+
</a>
13+
<a href="#" className="text-base mx-4 font-medium text-gray-900">
14+
Docs
15+
</a>
16+
<a href="#" className="text-base mx-4 font-medium text-gray-900">
17+
Blogs
18+
</a>
19+
<a href="#" className="text-base mx-4 font-medium text-gray-900">
20+
Contract
21+
</a>
22+
</div>
23+
<div className="mt-3 sm:mt-0 sm:ml-4">
24+
<button
25+
type="button"
26+
className="inline-flex items-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
27+
>
28+
Connect Wallet
29+
</button>
30+
</div>
31+
</div>
32+
</div>
33+
);
34+
};
35+
36+
export default Header;

‎components/global/Layout.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import Header from "./Header";
2+
import Footer from "./Footer";
3+
4+
const Layout = ({ children }) => {
5+
return (
6+
<div>
7+
<Header />
8+
{children}
9+
<Footer />
10+
</div>
11+
);
12+
};
13+
14+
export default Layout;

‎next.config.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
module.exports = {
2+
reactStrictMode: true,
3+
}

0 commit comments

Comments
 (0)