Nextjs Starter
Starter code for your Nextjs Boilerplate with Tailwind CSS
Grid
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20"]
Vertical list
1
2
3
4
5
["1","2","3","4","5"]
Vertical list (w/ handle & constrained boundaries)
1
2
3
4
5
["1","2","3","4","5"]
Horizontal list (w/ constrained boundaries)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15"]
Horizontal list (w/ custom template)
["1","2","3","4","5","6","7","8","9","10","11","12"]
Gallery
[ "https://source.unsplash.com/WLUHO9A_xik/900x900", "https://source.unsplash.com/R4K8S77qtwI/900x900", "https://source.unsplash.com/jJGc21mEh8Q/900x900", "https://source.unsplash.com/omNxg6JP6Fo/900x900", "https://source.unsplash.com/-M1gkucIqkQ/900x900", "https://source.unsplash.com/czOuPVsfHDw/900x900", "https://source.unsplash.com/-vr0gMUM6Fk/900x900", "https://source.unsplash.com/TsMuMM_qVec/900x900" ]
Kanban Board
Todo
List admin APIs for dashboard
Develop user registration functionality with OTP delivered on SMS after email confirmation and phone number confirmation
Optimize application performance
Implement data validation
Design database schema
Integrate SSL web certificates into workflow
Work in progress
Conduct security testing
Analyze competitors
Implement error logging and monitoring
Design and implement responsive UI
Done
Create UI kit documentation
Dev meeting
Deliver dashboard prototype
[
{
"id": "todo",
"title": "Todo"
},
{
"id": "doing",
"title": "Work in progress"
},
{
"id": "done",
"title": "Done"
}
][
{
"id": "1",
"columnId": "todo",
"content": "List admin APIs for dashboard"
},
{
"id": "2",
"columnId": "todo",
"content": "Develop user registration functionality with OTP delivered on SMS after email confirmation and phone number confirmation"
},
{
"id": "3",
"columnId": "doing",
"content": "Conduct security testing"
},
{
"id": "4",
"columnId": "doing",
"content": "Analyze competitors"
},
{
"id": "5",
"columnId": "done",
"content": "Create UI kit documentation"
},
{
"id": "6",
"columnId": "done",
"content": "Dev meeting"
},
{
"id": "7",
"columnId": "done",
"content": "Deliver dashboard prototype"
},
{
"id": "8",
"columnId": "todo",
"content": "Optimize application performance"
},
{
"id": "9",
"columnId": "todo",
"content": "Implement data validation"
},
{
"id": "10",
"columnId": "todo",
"content": "Design database schema"
},
{
"id": "11",
"columnId": "todo",
"content": "Integrate SSL web certificates into workflow"
},
{
"id": "12",
"columnId": "doing",
"content": "Implement error logging and monitoring"
},
{
"id": "13",
"columnId": "doing",
"content": "Design and implement responsive UI"
}
]